.combo {
	display: inline-block;
	white-space: nowrap;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 1px solid #a4bed4
}

.combo-text {
	font-size: 12px;
	border: 0;
	line-height: 20px;
	height: 20px;
	padding: 0
}

.combo-arrow {
	background: #e0ecf9
		url()
		no-repeat 3px 4px;
	width: 18px;
	height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	opacity: .6
}

.combo-arrow-hover {
	opacity: 1
}

.combo-panel {
	background: #fff;
	overflow: auto
}

.combobox-item, .comboboxdrop-item {
	padding: 2px;
	font-size: 12px;
	padding: 3px;
	padding-right: 0
}

.combobox-item-hover, .comboboxdrop-item-hover {
	background: #fafafa
}

.combobox-item-selected, .comboboxdrop-item-selected {
	background: #fbec88
}

.datagrid .panel-body {
	overflow: hidden
}

.datagrid-wrap {
	position: relative
}

.datagrid-view {
	position: relative;
	overflow: hidden
}

.datagrid-view1 {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	border-right1: 1px solid #ccc
}

.datagrid-view2 {
	position: absolute;
	overflow: hidden;
	left: 210px;
	top: 0
}

.datagrid-mask {
	position: absolute;
	left: 0;
	top: 0;
	background: #ccc;
	opacity: .3;
	display: none
}

.datagrid-mask-msg, .panel-loading, .tree-loading {
	background:
		url()
		no-repeat
}

.datagrid-mask-msg {
	position: absolute;
	left: 100px;
	top: 50px;
	width: auto;
	height: 16px;
	padding: 12px 5px 10px 30px;
	background-position: 5px center;
	border: 2px solid #6593cf;
	color: #222;
	display: none
}

.datagrid-title {
	background:
		url()
		repeat-x;
	border-bottom: 1px solid #8db2e3;
	border-top: 1px solid #fff;
	position: relative;
	padding: 5px 0
}

.datagrid-title-text {
	color: #15428b;
	font-weight: 700;
	padding-left: 5px
}

.datagrid-title-with-icon {
	padding-left: 22px
}

.datagrid-title-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 3px;
	top: 4px !important;
	top: 6px
}

.datagrid-sort-desc .datagrid-sort-icon {
	padding: 2px 13px 3px 0;
	background:
		url()
		no-repeat center center
}

.datagrid-sort-asc .datagrid-sort-icon {
	padding: 2px 13px 3px 0;
	background:
		url()
		no-repeat center center
}

.datagrid-toolbar {
	height: 28px;
	background: #efefef;
	padding: 1px 2px;
	border-bottom: 1px solid #ccc
}

.datagrid-btn-separator {
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px 1px
}

.datagrid-pager {
	background: #efefef;
	border-top: 1px solid #ccc;
	position: relative
}

.datagrid-header {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1px
}

.datagrid-header-inner {
	float: left;
	padding-right: 20px;
	margin-bottom: -1px
}

.datagrid-header td {
	border-right: 1px dotted #ccc;
	font-size: 12px;
	font-weight: 400;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #fff
}

.datagrid-header td.datagrid-header-over {
	background: #ebf3fd
}

.datagrid-header .datagrid-cell {
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-align: center
}

.datagrid-header .datagrid-cell-group {
	margin: 0;
	padding: 4px 2px 4px 4px;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-align: center
}

.datagrid-header-rownumber {
	width: 25px;
	text-align: center;
	margin: 0;
	padding: 3px 0
}

.datagrid-cell-rownumber {
	width: 25px;
	text-align: center;
	margin: 0;
	padding: 3px 0
}

.datagrid-body {
	margin: 0;
	padding: 0;
	overflow: auto;
	zoom: 1
}

.datagrid-view1 .datagrid-body-inner {
	padding-bottom: 20px
}

.datagrid-view1 .datagrid-body {
	overflow: hidden
}

.datagrid-footer {
	overflow: hidden
}

.datagrid-footer-inner {
	border-top: 1px solid #ccc;
	width: 10000px;
	float: left
}

.datagrid-body td, .datagrid-footer td {
	font-size: 12px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
	padding: 0;
	margin: 0
}

.datagrid-body .datagrid-cell, .datagrid-footer .datagrid-cell {
	overflow: hidden;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap;
	word-wrap: normal
}

.datagrid-header-check {
	padding: 3px 6px
}

.datagrid-cell-check {
	padding: 3px 6px;
	font-size: 1px;
	overflow: hidden
}

.datagrid-header-check input {
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px
}

.datagrid-cell-check input {
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px
}

.datagrid-row-collapse {
	background:
		url()
		no-repeat center center
}

.datagrid-row-expand {
	background:
		url()
		no-repeat center center
}

.datagrid-row-alt {
	background: #eef
}

.datagrid-row-over {
	background: #bde;
	cursor: default
}

.datagrid-row-selected {
	background: #58f;
	color: #fff
}

.datagrid-resize-proxy {
	position: absolute;
	width: 1px;
	top: 0;
	height: 10000px;
	background: red;
	cursor: e-resize;
	display: none
}

.datagrid-body .datagrid-editable {
	padding: 0
}

.datagrid-body .datagrid-editable table {
	width: 100%;
	height: 100%
}

.datagrid-body .datagrid-editable td {
	border: 0;
	padding: 0
}

.datagrid-body .datagrid-editable .datagrid-editable-input {
	width: 100%;
	font-size: 12px;
	border: 1px solid #a4bed4;
	padding: 3px 2px
}

.dialog-content {
	overflow: auto
}

.dialog-toolbar {
	background: #fafafa;
	padding: 2px 5px;
	border-bottom: 1px solid #eee
}

.dialog-tool-separator {
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px 1px
}

.dialog-button {
	border-top: 1px solid #eee;
	background: #fafafa;
	padding: 5px 5px;
	text-align: right
}

.dialog-button .l-btn {
	margin-left: 5px
}

a.l-btn {
	color: #444;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	height: 28px;
	padding-right: 18px;
	cursor: pointer;
	outline: 0
}

a.l-btn-plain {
	background: 0 0;
	padding-right: 5px;
	border: 1px solid transparent
}

a.l-btn-disabled {
	color: #ccc;
	opacity: .5;
	cursor: default
}

a.l-btn span.l-btn-left {
	display: block;
	padding: 6px 0 4px 17px;
	line-height: 16px
}

a.l-btn-plain span.l-btn-left {
	background: 0 0;
	padding-left: 5px
}

a.l-btn span span.l-btn-text {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	padding: 0
}

a.l-btn span span span.l-btn-empty {
	display: inline-block;
	padding: 0;
	width: 16px
}

a:hover.l-btn {
	background-position: bottom right;
	outline: 0
}

a:hover.l-btn span.l-btn-left {
	background-position: bottom left
}

a:hover.l-btn-disabled {
	background-position: top right
}

a:hover.l-btn-disabled span.l-btn-left {
	background-position: top left
}

.progressbar {
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	position: relative
}

.progressbar-text {
	color: #000;
	text-align: center
}

.progressbar-value {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	background-color: #0092dc
}

.progressbar-value .progressbar-text {
	color: #fff
}

.menu {
	position: absolute;
	background: #f9f9f9;
	margin: 0;
	padding: 2px;
	border: 1px solid #d1d1d1;
	overflow: hidden
}

.menu-item {
	position: relative;
	margin: 0;
	padding: 0;
	height: 22px;
	line-height: 22px;
	font-size: 13px;
	cursor: pointer
}

.menu-item-disabled {
	color: #a0a0a0;
	cursor: default
}

.menu-item-disabled .menu-text {
	color: #a0a0a0
}

.menu-item-disabled:hover {
	background-color: #f3f3f3
}

.menu-text {
	position: absolute;
	left: 28px;
	top: 0;
	color: #333
}

.menu-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 3px;
	left: 2px
}

.menu-item-disabled .menu-icon, .menu-item-disabled .menu-rightarrow {
	filter: gray;
	opacity: .5;
	-moz-opacity: .5;
	-o-opacity: .5;
	-webkit-opacity: .5
}

.menu-rightarrow {
	position: absolute;
	width: 0;
	height: 0;
	top: 7px;
	right: 14px;
	border-left: 4px solid #333;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent
}

.menu-active .menu-rightarrow {
	border-left: 4px solid #fff
}

.menu-sep {
	margin: 3px 0 3px 0;
	font-size: 2px;
	background:
		url()
		repeat-x;
	height: 1px
}

.menu-active {
	background: #58f
}

.menu-active .menu-text {
	color: #fff
}

.menu-item.menu-active, .menu-item.menu-active[data-hotkey]:after {
	color: #fff
}

.menu-shadow {
	position: absolute;
	background: #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2)
}

.m-btn-downarrow {
	display: inline-block;
	border-top: 4px solid #333;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

a.m-btn-active {
	background-position: bottom right
}

a.m-btn-active span.l-btn-left {
	background-position: bottom left
}

a.m-btn-plain-active {
	background: 0 0;
	background: #f5f5f5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.messager-body {
	padding: 5px 10px
}

.messager-button {
	text-align: center;
	padding-top: 10px
}

.messager-button .l-btn {
	margin-left: 5px
}

.messager-icon {
	position: absolute;
	width: 47px;
	height: 35px
}

.messager-icon+div {
	padding-left: 47px;
	min-height: 35px;
	margin-top: 5px
}

.messager-icon.messager-error+div {
	overflow-y: auto;
	max-height: 100px
}

.messager-error {
	background: transparent
		url()
		no-repeat scroll left top
}

.messager-info {
	background: transparent
		url()
		no-repeat scroll left top
}

.messager-question {
	background: transparent
		url()
		no-repeat scroll left top
}

.messager-warning {
	background: transparent
		url()
		no-repeat scroll left top
}

.messager-input {
	width: 350px;
	border: 1px solid #ccc;
	font-size: 14px
}

.panel {
	overflow: hidden;
	font-size: 12px
}

.panel-header {
	padding: 5px;
	line-height: 15px;
	color: #666;
	font-size: 12px;
	background: #eee;
	position: relative
}

.panel-header-noborder {
	border-width: 0;
	border-bottom: 1px solid #d1d1d1
}

.panel-body {
	overflow: auto;
	border-top-width: 0
}

.panel-body-noheader {
	border-top-width: 1px
}

.panel-body-noborder {
	border-width: 0
}

.panel-with-icon {
	padding-left: 18px
}

.panel-icon {
	position: absolute;
	left: 5px;
	top: 4px;
	width: 16px;
	height: 16px
}

.panel-tool {
	position: absolute;
	right: 5px;
	top: 4px
}

.panel-tool div {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	cursor: pointer;
	opacity: .6
}

.panel-tool div.panel-tool-over {
	opacity: 1
}

.panel-tool a {
	display: block;
	width: 16px;
	height: 16px
}

.panel-tool-close, .panel-tool-max, .panel-tool-min, .panel-tool-restore
	{
	background:
		url()
		no-repeat 0 0
}

.panel-tool-max {
	background-position: 0 -16px
}

.panel-tool-close {
	background-position: -16px 0
}

.panel-tool-restore {
	background-position: -16px -16px
}

.panel-tool-collapse {
	background:
		url()
		no-repeat
}

.panel-tool-expand {
	background:
		url()
		no-repeat
}

.panel-loading {
	padding: 11px 0 10px 30px;
	background-position: 10px center
}

.spinner {
	display: inline-block;
	white-space: nowrap;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 1px solid #a4bed4
}

.spinner-text {
	font-size: 12px;
	border: 0;
	line-height: 20px;
	height: 20px;
	padding: 0
}

.spinner-arrow {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0
}

.spinner-arrow-down, .spinner-arrow-up {
	display: block;
	background: #e0ecf9
		url()
		no-repeat 5px 2px;
	font-size: 1px;
	width: 18px;
	height: 10px
}

.spinner-arrow-down {
	background: #e0ecf9
		url()
		no-repeat 5px 3px
}

.spinner-arrow-hover {
	background-color: #ecf9f9
}

.s-btn-downarrow {
	display: inline-block;
	width: 16px;
	background:
		url()
		no-repeat 9px center
}

a.s-btn-active {
	background-position: bottom right
}

a.s-btn-active span.l-btn-left {
	background-position: bottom left
}

a.s-btn-active .s-btn-downarrow, a.s-btn-plain-active .s-btn-downarrow,
	a:hover.l-btn .s-btn-downarrow {
	background:
		url()
		no-repeat 4px -18px
}

a.s-btn-plain-active {
	background: 0 0;
	border: 1px solid #7eabcd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

.tabs-container {
	overflow: hidden;
	background: #fff
}

.tabs-header {
	border: 1px solid #8db2e3;
	background: #e0ecff;
	border-bottom: 0;
	position: relative;
	overflow: hidden;
	padding: 0;
	padding-top: 2px;
	overflow: hidden
}

.tabs-header-noborder {
	border: 0
}

.tabs-header-plain {
	border: 0;
	background: 0 0
}

.tabs-scroller-left {
	position: absolute;
	left: 0;
	top: -1px;
	width: 18px;
	height: 28px !important;
	height: 30px;
	border: 1px solid #8db2e3;
	font-size: 1px;
	display: none;
	cursor: pointer;
	background: #e0ecff
		url()
		no-repeat 1px 5px
}

.tabs-scroller-right {
	position: absolute;
	right: 0;
	top: -1px;
	width: 18px;
	height: 28px !important;
	height: 30px;
	border: 1px solid #8db2e3;
	font-size: 1px;
	display: none;
	cursor: pointer;
	background: #e0ecff
		url()
		no-repeat 2px 5px
}

.tabs-tool {
	position: absolute;
	top: -1px;
	border: 1px solid #8db2e3;
	padding: 1px;
	background: #e0ecff;
	overflow: hidden
}

.tabs-header-plain .tabs-scroller-left {
	top: 2px;
	height: 25px !important;
	height: 27px
}

.tabs-header-plain .tabs-scroller-right {
	top: 2px;
	height: 25px !important;
	height: 27px
}

.tabs-header-plain .tabs-tool {
	top: 2px;
	padding-top: 0
}

.tabs-scroller-over {
	background-color: #ecf9f9
}

.tabs-wrap {
	position: relative;
	left: 0;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0
}

.tabs-scrolling {
	margin-left: 18px;
	margin-right: 18px
}

.tabs {
	list-style-type: none;
	height: 26px;
	margin: 0;
	padding: 0;
	padding-left: 4px;
	font-size: 12px;
	width: 5000px;
	border-bottom: 1px solid #d1d1d1
}

.tabs li {
	float: left;
	display: inline-block;
	margin1: 0 1px;
	margin-right: 4px;
	margin-bottom: -1px;
	padding: 0;
	position: relative;
	border: 1px solid #d1d1d1
}

.tabs li a.tabs-inner {
	display: inline-block;
	text-decoration: none;
	color: #333;
	background: #ddd;
	margin: 0;
	padding: 0 10px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	white-space: nowrap
}

.tabs li a.tabs-inner:hover {
	background: #fff
}

.tabs li.tabs-selected {
	border: 1px solid #d1d1d1;
	border-bottom: 1px solid #fff
}

.tabs li.tabs-selected a {
	color: #416aa3;
	font-weight: 700;
	background: #fff;
	outline: 0
}

.tabs li.tabs-selected a:hover {
	cursor: default;
	pointer: default
}

.tabs-with-icon {
	padding-left: 18px
}

.tabs-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 10px;
	top: 5px
}

.tabs-closable {
	padding-right: 8px
}

.tabs li a.tabs-close {
	position: absolute;
	font-size: 1px;
	display: block;
	padding: 0;
	width: 11px;
	height: 11px;
	top: 7px;
	right: 5px;
	opacity: .6;
	background:
		url()
		no-repeat 2px 2px
}

.tabs li a:hover.tabs-close {
	opacity: 1;
	cursor: hand;
	cursor: pointer;
	background-color: #8db2e3
}

.tabs-panels {
	margin: 0;
	padding: 0;
	border: 1px solid #d1d1d1;
	border-top: 0;
	overflow: hidden
}

.tabs-panels-noborder {
	border: 0
}

.tree {
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style-type: none
}

.tree li {
	white-space: nowrap
}

.tree li ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.tree-node {
	height: 20px;
	white-space: nowrap;
	cursor: pointer
}

.tree-indent {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.tree-hit {
	cursor: pointer
}

.tree-collapsed, .tree-collapsed-hover, .tree-expanded,
	.tree-expanded-hover {
	position: relative
}

.tree-collapsed-hover:before, .tree-collapsed:before,
	.tree-expanded-hover:before, .tree-expanded:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #aaa;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	position: absolute;
	left: 3px;
	top: 7px
}

.tree-expanded-hover:before, .tree-expanded:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.tree-expanded {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-position: -18px 0
}

.tree-expanded-hover {
	background-position: -50px 0
}

.tree-collapsed {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.tree-collapsed-hover {
	background-position: -32px 0
}

.tree-folder {
	display: inline-block;
	background:
		url()
		no-repeat;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.tree-folder-open {
	background:
		url()
		no-repeat
}

.tree-folder-stick .tree-folder {
	background:
		url()
		no-repeat
}

.tree-folder-stick .tree-folder-open {
	background:
		url()
		no-repeat
}

.tree-folder-owner {
	height: 22px;
	font-size: 15px;
	margin: 5px 0
}

.tree-folder-owner .tree-icon {
	display: none
}

.tree-folder-owner .tree-collapsed {
	width: 18px;
	height: 18px
}

.tree-file {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.tree-loading {
	background-position: 0 0
}

.tree-title {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	padding: 1px 2px 1px 2px;
	white-space: nowrap
}

.tree-node-hover {
	background: #fafafa
}

.tree-node-selected {
	background: #58f;
	color: #fff
}

.tree-checkbox {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.tree-checkbox0 {
	background:
		url()
		no-repeat
}

.tree-checkbox1 {
	background:
		url()
		no-repeat
}

.tree-checkbox2 {
	background:
		url()
		no-repeat
}

.tree-node-proxy {
	font-size: 12px;
	padding: 1px 2px 1px 18px;
	background: #fafafa;
	border: 1px solid #ccc
}

.tree-dnd-yes {
	background:
		url()
		no-repeat 0 center
}

.tree-dnd-no {
	background:
		url()
		no-repeat 0 center
}

.tree-node-top {
	border-top: 1px dotted red
}

.tree-node-bottom {
	border-bottom: 1px dotted red
}

.tree-node-append .tree-title {
	border: 1px dotted red
}

.tree-editor {
	border: 1px solid #ccc;
	font-size: 12px;
	line-height: 16px;
	width: 80px;
	position: absolute;
	top: 0
}

.validatebox-invalid {
	background: #ffe
		url()
		no-repeat right 1px
}

.validatebox-tip {
	position: absolute;
	width: 200px;
	height: auto;
	display: none;
	z-index: 9900000
}

.validatebox-tip-content {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 10px;
	padding: 3px 5px;
	border: 1px solid #c93;
	background: #ffc;
	z-index: 9900001;
	font-size: 12px
}

.validatebox-tip-pointer {
	background:
		url()
		no-repeat left top;
	display: inline-block;
	width: 10px;
	height: 19px;
	position: absolute;
	left: 1px;
	top: 0;
	z-index: 9900002
}

.easyui-combobox-select-droplist, .easyui-comboboxdrop-select-droplist {
	display: block;
	list-style: none;
	background: #fff;
	box-shadow: #999 0 2px 2px;
	position: fixed;
	margin: 0;
	padding: 0;
	max-height: 300px;
	overflow-x: auto;
	overflow-y: auto;
	z-index: 999;
	padding-bottom: 6px
}

.easyui-combobox-select-droplist>li,
	.easyui-comboboxdrop-select-droplist-ul>li {
	padding: 3px;
	cursor: pointer;
	height: 14px;
	white-space: nowrap
}

.easyui-combobox-select-droplist>li:hover,
	.easyui-comboboxdrop-select-droplist-ul>li:hover {
	background: #3875d7;
	color: #fff
}

.easyui-combobox-select-droplist-button,
	.easyui-comboboxdrop-select-droplist-button {
	margin-left: -15px;
	margin-top: 5px;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 16px
}

.easyui-combobox-select-droplist {
	padding: 10px 0
}

.easyui-combobox-select-droplist>li {
	margin: 0 10px
}

.easyui-comboboxdrop:hover {
	cursor: pointer
}

.easyui-comboboxdrop-select-droplist-ul {
	list-style: none;
	padding: 0 10px
}

.easyui-comboboxdrop-select-droplist-input {
	width: calc(100% - 20px);
	margin: 10px;
	border-radius: 2px;
	background: #fff;
	box-shadow: none;
	border: 1px solid #ccc;
	height: 25px;
	padding: 0 5px
}

.easyui-comboboxdrop-select-droplist-clear-button {
	margin-left: -30px;
	margin-top: 15px;
	cursor: pointer;
	position: absolute;
	display: inline-block;
	width: 16px;
	height: 16px
}

.window {
	text-align: left;
	font-size: 12px;
	position: absolute;
	overflow: hidden;
	background: #f9f9f9;
	border: 1px solid #d1d1d1;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	border-radius: 4px 4px 0 0
}

.window-shadow {
	position: absolute;
	background-color: #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .2)
}

.window .window-header {
	padding: 5px 10px 4px 10px;
	box-sizing: border-box
}

#dlgLibs-keyword, .window .window-body {
	background: #f9f9f9
}

.window .window-header .panel-icon {
	left: 8px;
	top: 5px
}

.window .window-header .panel-with-icon {
	padding-left: 18px
}

.window .window-header .panel-tool {
	top: 5px;
	right: 10px
}

.window-proxy {
	position: absolute;
	overflow: hidden;
	border: 1px dashed #15428b
}

.window-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .2;
	background: #000;
	display1: none;
	font-size: 1px;
	overflow: hidden
}

body, html {
	margin: 0;
	padding: 0;
	font-family: Arial, "Microsoft YaHei";
	font-size: 12px;
	background: #fff;
	overflow: hidden;
	color: #333;
	height: 100%
}

.unselectable, body {
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

input, option, textarea {
	font-size: 12px
}

.selectable, input:not ([type] ), input[type=number], input[type=text],
	textarea {
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	user-select: text
}

text, tspan {
	-webkit-text-size-adjust: none
}

ul {
	margin: 0
}

textarea {
	resize: none;
	-moz-tab-size: 4;
	tab-size: 4
}

optgroup {
	font-style: normal
}

input[type=text]::-ms-clear {
	display: none
}

input, textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

button:hover {
	cursor: pointer
}

button::-moz-focus-inner {
	border: 0
}

.f12 {
	font-size: 12px
}

.f14 {
	font-size: 14px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.f22 {
	font-size: 22px
}

.bg-white {
	background: #fff
}

.bg-black {
	background: #000
}

.bg-blue {
	background: #cbdafd
}

.bg-light-blue {
	background: #eff6fe
}

.blue {
	color: #0093e6
}

.f-white {
	color: #fff
}

.f-black {
	color: #444
}

.f-weight {
	font-weight: 700
}

.f-gray {
	color: #ccc
}

.radius {
	border-radius: 3px
}

.w100 {
	width: 100%
}

.w50 {
	width: 50%
}

.h100 {
	height: 100%
}

.h50 {
	height: 50%
}

.t-left {
	text-align: left
}

.t-right {
	text-align: right
}

.t-center {
	text-align: center
}

.t-middle {
	display: table-cell;
	vertical-align: middle
}

.table {
	display: table;
	border-collapse: collapse
}

table {
	border: none
}

.table td {
	border: 1px solid #dae4fd;
	padding: 3px;
	height: 24px
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.fixed {
	position: fixed
}

.t-break {
	word-break: break-all
}

.clear {
	clear: both
}

.t-overflow {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.gray-border {
	border: 1px solid #ccc
}

.gray-left-border {
	border-left: 1px solid #ccc
}

.gray-right-border {
	border-right: 1px solid #ccc
}

.gray-top-border {
	border-top: 1px solid #ccc
}

.gray-bottom-border {
	border-bottom: 1px solid #ccc
}

.blue-border {
	border: 1px solid #9bd
}

.blue-left-border {
	border-left: 1px solid #9bd
}

.blue-right-border {
	border-right: 1px solid #9bd
}

.blue-top-border {
	border-top: 1px solid #9bd
}

.blue-bottom-border {
	border-bottom: 1px solid #9bd
}

.light-blue-border {
	border: 1px solid #dae4fd
}

.light-blue-left-border {
	border-left: 1px solid #dae4fd
}

.light-blue-right-border {
	border-right: 1px solid #dae4fd
}

.light-blue-top-border {
	border-top: 1px solid #dae4fd
}

.light-blue-bottom-border {
	border-bottom: 1px solid #dae4fd
}

.box-shadow {
	-moz-box-shadow: 0 0 12px #666;
	-webkit-box-shadow: 0 0 12px #666;
	box-shadow: 0 0 12px #666
}

.row {
	display: block;
	width: 100%
}

.center-middle, .middle-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%)
}

.overflow {
	overflow: hidden
}

.hidden {
	display: none !important
}

.clear:after {
	content: "";
	display: block;
	clear: both
}

.inline-block {
	display: inline-block
}

.left {
	float: left
}

.right {
	float: right
}

.center {
	margin: 0 auto;
	float: none;
	text-align: center
}

.thinborder {
	border: 1px solid #d1d1d1
}

.border-box, .border-box * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all
}

.s-drop-down {
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	transform: rotate(45deg)
}

.s-drop-down:hover {
	border-top: 1px solid #444;
	border-left: 1px solid #444
}

#main {
	position: relative;
	margin-top: 50px;
	height: calc(100% - 48px);
	border-top: 1px solid #d1d1d1
}

#layoutLeft {
	height: 100%;
	overflow: hidden;
	border-bottom: 1px solid #9bd;
	box-sizing: border-box
}

#layoutLeft input, #layoutLeft select {
	width: 100%;
	display: block;
	height: 25px;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 0 5px
}

.left-search-input {
	box-sizing: border-box;
	width: 100%;
	position: relative;
	padding: 10px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #eee
}

.left-search-select {
	box-sizing: border-box;
	position: relative;
	padding: 10px 10px 0 10px;
	font-size: 14px
}

.left-search-select .l-btn-text span {
	font-size: 14px;
	margin-right: 3px
}

.left-search-select .l-btn-text .m-btn-downarrow {
	position: relative;
	top: -3px
}

#leftNavTabs {
	background: #eee;
	width: 56px;
	height: 100%;
	float: left;
	white-space: normal;
	vertical-align: top;
	color: #333;
	border-right: 1px solid #d1d1d1;
	box-sizing: border-box
}

#leftNavTabs+div {
	display: inline-block;
	background: #fff;
	height: 100%
}

#leftNavTabs>div {
	min-height: 80px;
	padding-top: 15px;
	text-align: center;
	margin-top: -1px;
	box-sizing: border-box;
	cursor: pointer
}

#leftNavTabs>div:nth-child(1) {
	border-top: 1px solid #9bd
}

#leftNavTabs>div[data-active] {
	background-color: #fff;
	position: relative;
	border-right: 0;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	margin-top: -2px;
	margin-bottom: 1px;
	color: #58f;
	margin-right: -1px
}

#leftNavTabs>div:not ([data-active] ):hover {
	background: #ddd
}

#leftNavTabs>div[data-active] {
	color: #58f
}

#leftNavTabs>div:nth-child(1):hover, #leftNavTabs>div:nth-child(1)[data-active]
	{
	margin-top: -1px !important;
	margin-bottom: -1px
}

#leftNavTabs>div>span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	font-size: 11px
}

#leftNavList, #leftTreeContainer, #leftTreeFilter {
	width: 100%
}

#leftTreeContainer {
	height: 100%;
	overflow: auto;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none
}

#leftTreeBox {
	width: calc(100% - 56px)
}

#leftTreeContainer .tree-node-hover, #leftTreeContainer>ul.tree .tree-node:hover,
	#leftTreeContainer>ul.tree .tree-node:hover .tree-title {
	background: #f5f5f5
}

#leftTreeContainer>ul.tree .tree-node-selected:hover, #leftTreeContainer>ul.tree .tree-node-selected:hover .tree-title
	{
	background: #557ddb
}

.tree-node-selected .tree-collapsed:before, .tree-node-selected .tree-expanded:before
	{
	border-top: 4px solid #fff
}

#leftTreeContainer .tree-icon {
	height: 16px;
	font-size: 16px;
	color: #0159e3
}

.icon-warning {
	color: #eabf0f !important
}

#leftTreeContainer .tree-icon.tree-file {
	margin-top: 2px
}

#leftTreeContainer .tree-icon.icon-eda-pcb {
	color: #48ca45
}

#leftTreeContainer .tree-indent {
	width: 12px
}

#leftTreeContainer .tree-icon.tree-folder {
	position: relative
}

#leftTreeContainer .tree-node.share>.tree-icon.tree-folder::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: -2px;
	top: 6px;
	width: 16px;
	height: 16px;
	background-image: url(../images/hand.png)
}

.icon16.icon-shareuser {
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	background-image:
		url()
}

.tree-node-hover .icon16.icon-shareuser {
	background-image:
		url()
}

#btnOpenLibCenter {
	display: block;
	width: 200px;
	font-size: 15px;
	padding: 4px 0;
	margin: 0;
	position: fixed;
	bottom: 10px;
	color: #ff0;
	font-weight: 700
}

#btnOpenLibCenter::before, #dlgPackages-search::before {
	content: " ";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(../images/search-white.png);
	margin-right: 3px;
	vertical-align: text-top
}

#dlgLibs-search .icon-eda-searchleft {
	font-size: 18px;
	float: left
}

div.layoutRight {
	overflow-y: auto;
	overflow-x: hidden;
	width: 190px;
	max-width: 300px;
	height: 100%;
	background: #ddd;
	border-left: 1px solid #d1d1d1;
	box-sizing: border-box;
	padding-bottom: 6px
}

body.none-docs #btnInsertOrHelp, body.none-docs #layoutRight, body.none-docs #layout_toggler_right,
	body.none-docs #supermenuButton, body.none-docs #tabbar_bodies, body.none-docs #toolbar-common>a:not
	([iconcls=icon-info] ), body.none-docs #toolbar-pcblayer, body.none-docs>.toolbar
	{
	display: none
}

button.shiny-blue {
	background: #3883dc;
	border: 1px solid #3883dc;
	border-radius: 2px;
	box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, .8);
	color: #fff;
	font-family: "helvetica neue", helvetica, arial, sans-serif
}

#btnInsertOrHelp:hover {
	background: #557ddb;
	cursor: pointer
}

button.shiny-blue:active {
	border-top: 1px solid #1b4db3;
	border-right: 1px solid #174299;
	border-bottom: 1px solid #133780;
	border-left: 1px solid #174299;
	-moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eee;
	-webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eee;
	box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eee
}

#btnInsertOrHelp {
	font-size: 18px;
	font-weight: 700;
	padding: 6px 0;
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 20;
	box-shadow: none;
	height: 40px;
	background: #58f;
	border-radius: 2px;
	border: none
}

.layout-toggler {
	position: absolute;
	z-index: 1;
	padding: 0;
	margin: 0;
	font-size: 1px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	height: 100%;
	width: 6px;
	top: 0;
	cursor: col-resize;
	background: #e0e0e0 url(../images/sizebar.png)
}

.layout-toggler.close, .layout-toggler.dragging, .layout-toggler:hover {
	visibility: visible;
	background: #d1d1d1 url(../images/sizebar.png)
}

.layout-toggler.left, .layout-toggler.right {
	height: 100%
}

.layout-toggler.left {
	left: 200px
}

.layout-toggler.right {
	right: 200px
}

.layout-toggler>div {
	position: absolute;
	padding: 0;
	margin-top: -25px;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	height: 50px;
	width: 6px;
	top: 50%;
	background: #eee;
	border: 1px solid #796c6c;
	box-sizing: border-box
}

.layout-toggler>div:after {
	position: absolute;
	border-right: 4px solid #796c6c;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	top: 20px;
	left: 0;
	content: ""
}

.layout-toggler.right>div:after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.layout-toggler.right.close>div:after {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg)
}

.layout-toggler.left.close>div:after {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.layout-toggler.close>div, .layout-toggler:hover>div {
	display: block
}

.layout-toggler.left.close {
	left: 55px !important
}

.layout-toggler.right.close {
	right: 0 !important
}

#browser {
	width: 200px;
	overflow: auto;
	border: 1px solid #666
}

.filetree li span {
	cursor: pointer;
	font-size: 12px;
	line-height: 18px
}

.filetree li span:hover {
	background-color: #ffe2a5
}

.filetree li span.selected {
	background-color: #9bbeff;
	color: #fff
}

.tree.simpleTree li div {
	cursor: pointer
}

.tree.simpleTree li li>div {
	padding-left: 24px
}

.tree.simpleTree div span[class^=icon-] {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 18px
}

.tree.simpleTree div span:last-child {
	display: inline-block;
	vertical-align: middle;
	padding: 1px 2px 1px 2px;
	white-space: nowrap
}

#menubar1 {
	position: absolute;
	left: 210px;
	top: 32px
}

#menubar {
	margin-left: 210px;
	margin-top: 2px
}

#menubar .mmenucontainer {
	border-bottom: solid 1px #8a867a
}

#menubar2 {
	margin-left: 210px;
	margin-top: 2px
}

#menubar2 .mmenucontainer {
	border-bottom: solid 1px #8a867a
}

#menuContainer, #menuContainer>div {
	display: none
}

#editorTabbar {
	background: #456f95;
	position: relative;
	height: 100%;
	box-sizing: border-box;
	border-right: 1px solid #d1d1d1
}

#toolbar-common {
	position: absolute;
	padding-top: 4px;
	height: 40px;
	top: 2px;
	left: 230px;
	background: 0 0;
	border: 0;
	white-space: nowrap
}

#toolbar-common .menu-more {
	font-size: 20px;
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
	height: 34px;
	line-height: 36px;
	width: 30px;
	text-align: center
}

#toolbar-common .menu-more-container {
	position: absolute;
	right: -40px;
	width: 80px;
	padding: 10px;
	top: 40px;
	cursor: default;
	background: #f9f9f9;
	z-index: 6;
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	border: 1px solid #ddd
}

#toolbar-common .menu-more-container>a {
	display: block;
	float: left
}

#toolbar-common .menu-more-container>a[iconcls=icon-eda-scale] .m-btn-downarrow
	{
	display: none
}

#toolbar-common a.overflow {
	display: none
}

#toolbar-common a.l-btn {
	padding: 0 8px;
	color: #333;
	margin: 2px 0;
	vertical-align: middle;
	height: 34px;
	line-height: 36px
}

#toolbar-common a.l-btn:hover {
	color: #58f
}

#toolbar-common a.l-btn:hover .m-btn-downarrow, #userNameBox:hover .m-btn-downarrow
	{
	color: #58f;
	border-top: 4px solid #58f
}

#toolbar-common a.l-btn[iconcls=icon-eda-scale]:hover .m-btn-downarrow {
	border-top: 0
}

#toolbar-common a.l-btn[iconcls=icon-eda-scale]:hover .m-btn-downarrow:after
	{
	border-top: 4px solid #58f
}

#toolbar-common a.l-btn>* {
	display: inline-block
}

#toolbar-common a.l-btn span.l-btn-left {
	padding: 0
}

#toolbar-common a.l-btn span span.l-btn-empty {
	font-size: 22px;
	margin-top: 2px;
	width: 22px
}

#toolbar-common .l-btn-text span {
	margin-right: 8px;
	float: left
}

#toolbar-common a[iconcls=icon-eda-scale] {
	padding-right: 20px
}

#toolbar-common>a[iconcls=icon-eda-scale] .m-btn-downarrow {
	width: auto;
	border: none;
	margin-top: 0;
	position: relative
}

#toolbar-common a[iconcls=icon-eda-scale] .m-btn-downarrow:after {
	content: "";
	position: absolute;
	display: inline-block;
	border-top: 4px solid #333;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	top: 5px;
	right: -12px
}

#toolbar-common .l-btn-text span:last-child {
	margin-right: 0
}

#toolbar-common a.l-btn span span.l-btn-text {
	font-size: 14px
}

#toolbar-common a.l-btn span span span.l-btn-empty {
	height: 16px
}

#toolbar-common .m-btn-downarrow {
	margin-top: 8px;
	margin-right: 0;
	width: 0
}

svg.ic32 {
	width: 32px;
	height: 32px;
	display: inline-block;
	border: 0
}

svg.ic32 use:not ([fill] ){
	fill: #000
}

.l-btn-disabled svg use {
	fill: #ccc
}

#toolbar-mousexy {
	position: absolute;
	left: 515px;
	top: 40px
}

#toolbar-drawSch {
	right: 210px;
	top: 105px;
	width: 68px
}

#toolbar-drawSchLib {
	right: 210px;
	top: 105px;
	width: 206px
}

#toolbar-connect {
	right: 285px;
	top: 105px;
	width: 208px
}

#toolbar-drawPCB {
	right: 436px;
	top: 105px;
	width: 290px
}

#toolbar-drawPCBLib {
	right: 390px;
	top: 105px;
	width: 206px
}

.tree-icon {
	font-size: 16px
}

.toolbar {
	position: absolute;
	z-index: 1;
	background-color: #f9f9f9;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-o-box-sizing: content-box;
	-safari-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	border: 1px solid #d1d1d1
}

.toolbar.collapsed {
	height: 23px !important
}

.toolbar.collapsed .btns, .toolbar.collapsed .resize-rb {
	display: none
}

.toolbar .titlebar {
	padding-right: 20px;
	position: relative;
	height: 24px;
	background: #eee;
	color: #333;
	cursor: default;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 22px;
	padding-left: 5px;
	box-sizing: border-box;
	border-bottom: 1px solid #d1d1d1
}

#attrlist-table-selected {
	height: 30px
}

#editor-news .close, .toolbar .close {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: transparent
		url()
		no-repeat scroll center center
}

#editor-news .close:hover, .toolbar .close:hover {
	background-color: #9bd
}

.toolbar .collapse, .toolbar .icon-eda-config, .toolbar .icon-eda-pinlocation
	{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 16px;
	height: 16px;
	color: #666;
	text-align: center;
	padding-top: 2px;
	box-sizing: border-box;
	cursor: pointer;
	text-decoration: none;
	font-weight: 700;
	font-size: 14px
}

.toolbar .icon-eda-config {
	right: 18px;
	top: 3px
}

.toolbar .icon-eda-pinlocation {
	right: 40px;
	top: 1px;
	font-size: 17px
}

.toolbar .icon-eda-pinlocation.ding {
	color: #58f !important
}

.toolbar .titlebar [class*=icon-eda-]:hover {
	color: #999
}

.toolbar .btns {
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	padding: 5px
}

.toolbar .toolbarbutton {
	text-align: center;
	box-sizing: border-box;
	font-size: 27px;
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	cursor: pointer;
	display: inline-block;
	padding-top: 3px
}

.toolbar .toolbarbutton:hover {
	color: #58f
}

.rulerhc {
	position: absolute;
	top: 4px;
	width: calc(100% - 23px);
	height: 18px;
	overflow: hidden
}

.rulervc {
	position: absolute;
	left: 4px;
	width: 18px;
	height: calc(100% - 23px);
	overflow: hidden
}

.rulerdot {
	position: absolute;
	left: 21px;
	top: 21px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	background-color: #999
}

canvas.rulerh {
	position: absolute;
	left: 0;
	top: 0
}

canvas.rulerv {
	position: absolute;
	left: 0;
	top: 0
}

.ruler-cursor-x {
	position: absolute;
	top: 0;
	overflow: hidden;
	font-size: 0;
	width: 1px;
	height: 18px;
	background-color: #06c;
	transform: translateX(-100px)
}

.ruler-cursor-y {
	position: absolute;
	overflow: hidden;
	font-size: 0;
	width: 18px;
	height: 1px;
	background-color: #06c;
	left: 0;
	transform: translateY(-100px)
}

#toolbar-preview {
	width: 133px;
	height: 133px;
	bottom: 54px;
	top: auto;
	left: 180px
}

.resize-rb {
	position: absolute;
	right: 1px;
	bottom: 0;
	width: 13px;
	height: 13px;
	cursor: nw-resize;
	background-image: url(../images/angle.png)
}

#leftAccord div.part {
	cursor: pointer;
	background-image: url(../images/icons/file.gif);
	background-position: 2px 1px;
	background-repeat: no-repeat;
	white-space: nowrap;
	word-break: keep-all
}

#leftAccord div.part:hover {
	background-color: #dae7f8
}

#leftAccord div.part span {
	margin-left: 20px;
	line-height: 18px;
	font-size: 12px;
	padding: 2px 2px
}

#leftAccord div.selected span {
	background-color: #508cde;
	color: #fff
}

#attrlist-table-notice .line>div {
	height: 24px;
	background: #eee;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	width: 50%;
	box-sizing: border-box
}

#attrlist-table-selected .line>div {
	padding: 8px 10px
}

#attrlist-table-notice .line .name {
	padding: 5px 9px;
	margin-right: -1px
}

#attrlist-table-notice input {
	background: #eee;
	color: #333;
	border: none;
	height: 23px
}

table.reg-tab {
	border: none
}

#attr-main {
	margin-right: 1px;
	overflow: hidden;
	background: #fff;
	width: 100%
}

#attr-main .center {
	text-align: center
}

#attr-main .title {
	height: 30px;
	box-sizing: border-box;
	padding: 8px;
	font-weight: 400;
	font-size: 14px;
	background: #eee;
	line-height: 14px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#colorpanel .btn input {
	float: left;
	margin-left: 5px
}

.attrarea .icon-eda-add, .attrarea .icon-eda-remove {
	color: #119711;
	font-size: 16px
}

#attr-main .title:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ccc;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

#attr-main .title.collapsed::before {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms--moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	margin-top: -3px
}

#attr-main .easyui-linkbutton, #attr_dialog .easyui-linkbutton {
	margin: 5px 8px
}

#attr-main .line .txt_title {
	width: 88px;
	margin-left: 10px;
	margin-top: 6px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#attr-main .line .txt_value {
	text-align: right;
	padding-right: 10px;
	width: calc(100% - 100px);
	box-sizing: border-box
}

#attr-main .line .txt_value input, #attr-main .line .txt_value select {
	width: 95%;
	border-radius: 2px;
	height: 25px;
	margin: 3px 0 2px
}

#attrlist-table-notice {
	border-top: 1px solid #d1d1d1;
	margin-top: 10px
}

.attrarea .icon-eda-remove {
	cursor: pointer
}

.attrarea .icon-eda-remove:hover {
	color: #00f
}

#designManagerBtn, #propertiesBtn {
	max-width: calc(100% - 20px)
}

#designManager {
	height: 100%;
	overflow: hidden;
	position: relative
}

#designManager .manager {
	overflow: auto
}

#designManager .detail {
	overflow: auto
}

#designManagerBtn .l-btn-text::after, #propertiesBtn .l-btn-text::after
	{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 7px;
	margin-left: 4px;
	background: url(../images/arrow.gif) no-repeat
}

kbd {
	background: #ebf4ed none repeat scroll 0;
	border-color: #d6e6f9 #bbd3ef #a0c0e6 #c5dcf7;
	border-style: solid;
	border-width: 2px 4px 5px 3px;
	color: #000;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	padding: 1px 1px 1px 1px;
	white-space: nowrap;
	position: relative;
	bottom: 1px
}

.tabbar {
	background: #ddd;
	height: 30px;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
	color: #333;
	font-size: 14px
}

.sub-tabbar {
	position: absolute;
	bottom: 20px;
	background: 0 0;
	border: none;
	max-width: calc(100% - 48px);
	left: 50px;
	height: auto;
	overflow: visible;
	display: inline-block
}

.sub-tabbar>div[uuid] {
	float: left
}

.sub-tabbar .tabbar-tab.active, .sub-tabbar .tabbar-tab:hover:not (.active
	){
	height: 26px;
	background: #f9f9f9
}

.sub-tabbar .tabbar-tab {
	border-right: none
}

.addtab, .sub-tabbar .tabbar-tab {
	background: #eee;
	height: 26px;
	margin: 0 0 2px 2px;
	border: 1px solid #d1d1d1;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.sub-tabbar .tabbar-tab .tabbar-label {
	line-height: 24px
}

.addtab {
	font-size: 18px;
	padding: 1px 5px;
	float: left;
	cursor: pointer;
	height: 26px;
	border-right: 1px solid #a4b1d4
}

.addtab .plus, .addtab .plus:after {
	width: 12px;
	display: block;
	height: 2px;
	position: relative;
	background: #000;
	margin-top: 10px
}

.addtab:hover {
	background: #58f
}

.addtab:hover .plus, .addtab:hover .plus:after {
	background: #fff
}

.addtab .plus:after {
	position: absolute;
	margin-top: 0;
	content: "";
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg)
}

.sub-tabbar .down {
	padding: 10px 6px 0 6px;
	height: 26px;
	width: 20px
}

.sub-tabbar .down:hover {
	color: #999
}

.tabbar-bottom {
	position: absolute;
	display: block;
	width: 100%;
	height: 0
}

.tabbar-lastline, .tabbar-leftline, .tabbar-rightline {
	height: 100%;
	overflow: hidden
}

.tabbar .tabbar-tab .panel-tool {
	display: none;
	background: inherit
}

.tabbar .tabbar-tab:hover:not (.pinned ) .panel-tool {
	display: block
}

.tabbar-tab {
	width: 115px;
	height: 100%;
	overflow: hidden;
	float: left;
	position: relative;
	border-right: 1px solid #d1d1d1;
	box-sizing: border-box
}

#tabbar {
	overflow: hidden
}

#userbar .bell {
	-webkit-animation: bellshake 2s linear 0s infinite;
	-moz-animation: bellshake 2s linear 0s infinite;
	animation: bellshake 2s linear 0s infinite;
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	transform-origin: top center;
	font-size: 20px;
	display: inline-block;
	margin: 5px 10px 0 0;
	position: relative;
	text-decoration: none;
	color: #444
}

#userbar .bell.hide {
	display: none
}

@
-webkit-keyframes bellshake { 0%{
	-webkit-transform: rotate(0)
}

5%{
-webkit-transform
:rotate(18deg)
}
15%{
-webkit-transform
:rotate(-15deg)
}
25%{
-webkit-transform
:rotate(12deg)
}
35%{
-webkit-transform
:rotate(-9deg)
}
45%{
-webkit-transform
:rotate(6deg)
}
55%{
-webkit-transform
:rotate(-3deg)
}
60%{
-webkit-transform
:rotate(0)
}
100%{
-webkit-transform
:rotate(0)
}
}
@
-moz-keyframes bellshake { 0%{
	-moz-transform: rotate(0)
}

5%{
-moz-transform
:rotate(18deg)
}
15%{
-moz-transform
:rotate(-15deg)
}
25%{
-moz-transform
:rotate(12deg)
}
35%{
-moz-transform
:rotate(-9deg)
}
45%{
-moz-transform
:rotate(6deg)
}
55%{
-moz-transform
:rotate(-3deg)
}
60%{
-moz-transform
:rotate(0)
}
100%{
-moz-transform
:rotate(0)
}
}
@
keyframes bellshake { 0%{
	transform: rotate(0)
}

5%{
transform
:rotate(18deg)
}
15%{
transform
:rotate(-15deg)
}
25%{
transform
:rotate(12deg)
}
35%{
transform
:rotate(-9deg)
}
45%{
transform
:rotate(6deg)
}
55%{
transform
:rotate(-3deg)
}
60%{
transform
:rotate(0)
}
100%{
transform
:rotate(0)
}
}
#tabbar .tabbar-tab {
	background: #eee
}

.tabbar-tab.on-drag {
	position: absolute;
	z-index: 2
}

.tabbar-tab.pinned {
	width: auto !important;
	min-width: 66px
}

#tabbar .tabbar-tab.active {
	background: #f9f9f9;
	height: 100%
}

#tabbar .tabbar-tab:hover:not (.active ){
	background: #ddd
}

.tabbar-tab:hover .panel-tool div:hover {
	opacity: 1
}

.tabbar-leftline {
	float: left
}

.tabbar-rightline {
	float: right
}

.tabbar-lastline {
	float: left
}

.tabbar-tab .tabbar-label {
	float: left;
	font-weight: 400;
	font-size: 14px;
	line-height: 30px;
	padding-left: 8px
}

.tabbar-tab .tabbar-label .input {
	width: calc(100% - 9px);
	margin-top: 2px;
	height: 20px
}

.tabbar-tab .tabbar-label .input:focus {
	border: none;
	box-shadow: none
}

.tabbar-tab:not (.pinned ) .tabbar-label {
	max-width: calc(100% - 5px)
}

#sub-tabbar .tabbar-tab:not (.pinned ) .tabbar-label {
	max-width: calc(100% - 20px)
}

.tabbar .tabbar-icon {
	font-size: 18px;
	color: #688ad6;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: text-top;
	margin-right: 5px;
	margin-top: 5px
}

.tabbar .tabbar-icon.icon-eda-pcb {
	color: #48ca45
}

.tabbar .tabbar-icon.tree-folder {
	margin-top: 7px
}

#leftTreeBox .icon-eda-tabsch {
	background: 0 0;
	font-size: 16px;
	color: #0159e3
}

.tabbar .tabbar-notsave {
	font-family: verdana
}

.tabbar-bodies {
	position: relative;
	overflow: hidden;
	border-top: none;
	height: calc(100% - 30px)
}

.tabbar-bodies>div {
	width: 100%;
	height: 100%;
	background: #f5f5f5
}

.tabbar-bodies>div>.editframe {
	position: absolute;
	border: 0
}

.tabbar-bodies .tabbar-body-page {
	padding: 10px;
	overflow: hidden
}

.tabbar-body-page-section {
	display: inline-block;
	background: #f9f9f9;
	border: solid 1px #d1d1d1;
	margin: 0 10px 10px 0;
	padding: 10px;
	min-width: 100px;
	min-height: 40px;
	font-size: 14px;
	vertical-align: top;
	overflow: auto
}

#all-create-here {
	width: 260px;
	height: 100%
}

#all-create-here>div {
	margin-bottom: 10px
}

.md-content {
	font-size: 1.3em;
	line-height: 120%
}

.md-content a:not ([class] ){
	color: #58f;
	text-decoration: none
}

.md-content a:not ([class] ):hover {
	color: #1c51cd
}

.md-content li {
	margin-top: .2em;
	margin-bottom: .2em
}

.md-content img {
	max-width: calc(100% - 20px)
}

.md-content blockquote {
	border: solid 1px #ccc;
	padding: 5px 10px 5px 10px;
	opacity: .8;
	background-color: #fff;
	margin: 2px 2px 10px 30px;
	border-left: .3em #bbb solid
}

.md-content blockquote blockquote {
	margin-left: 20px
}

.md-content code {
	padding: 0 .5em;
	background-color: rgba(240, 240, 240, .7)
}

.md-content pre code {
	padding: 0
}

.md-content pre {
	margin: 1em 1.5em 1em 0;
	padding: .5em;
	background-color: rgba(240, 240, 240, .7)
}

.md-content table {
	margin: 1.2em 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
	font: inherit;
	border: 0
}

.md-content tbody {
	margin: 0;
	padding: 0;
	border: 0
}

.md-content tr {
	border: 0;
	border-top: 1px solid #ccc;
	background-color: #fff;
	margin: 0;
	padding: 0
}

.md-content tr:nth-child(2n) {
	background-color: #f8f8f8
}

.md-content td, .md-content th {
	font-size: 1em;
	border: 1px solid #ccc;
	margin: 0;
	padding: .5em 1em
}

.md-content th {
	font-weight: 700;
	background-color: #f0f0f0
}

.md-content td[align=right] {
	text-align: right
}

.md-content td[align=left] {
	text-align: left
}

.md-content td[align=center] {
	text-align: center
}

#toolbar-pcblayer {
	right: 215px;
	top: 105px;
	height: 122px;
	width: 216px;
	z-index: 5;
	overflow: hidden !important
}

#toolbar-pcblayer table {
	border-collapse: collapse;
	background: #ddd;
	border: none;
	width: 100%
}

#toolbar-pcblayer .table-con {
	height: calc(100% - 24px);
	overflow: hidden;
	margin-right: 3px;
	min-width: 214px
}

#toolbar-pcblayer tr {
	height: 24px
}

#toolbar-pcblayer td.visible {
	background: transparent url(../images/icons/eye.png) no-repeat scroll
		center center;
	font-size: 0
}

#toolbar-pcblayer tr.active {
	background: #fff
}

#toolbar-pcblayer tr.active div {
	color: #58f
}

#toolbar-pcblayer tr.active>td:nth-child(1) {
	background: transparent url(../images/icons/pencil3.png) no-repeat
		scroll center center;
	font-size: 0
}

#toolbar-pcblayer td div {
	padding: 0 10px 0 6px
}

#toolbar-pcblayer-tbl {
	min-width: 170px
}

#toolbar-pcblayer .tabs li {
	margin-right: 0
}

#toolbar-pcblayer .tabs {
	padding-left: 0
}

#toolbar-pcblayer .tabs-header {
	padding-top: 0;
	border: none;
	background: #fff
}

#toolbar-pcblayer tr.selected.objectItem>td:nth-child(1) {
	background: transparent url(../images/icons/check.png) no-repeat scroll
		center center;
	font-size: 0
}

#table_con {
	margin-top: 2px
}

input[type=password], input[type=text], textarea {
	border: 1px solid #e1e0fe
}

#toolbar-common .easyui-linkbutton:not ([class*=disabled] ):hover {
	background: 0 0;
	background: #f5f5f5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}

input.treefilter {
	width: 86px;
	background-color: transparent;
	border: solid 1px #9bd;
	margin-top: 0;
	vertical-align: middle
}

i.treefilterclear {
	position: absolute;
	width: 18px;
	height: 18px;
	border: 0;
	vertical-align: middle;
	right: 12px;
	top: 13px;
	font-size: 18px;
	color: #ddd;
	cursor: pointer;
	display: none
}

i.treefilterclear:hover {
	color: #999;
	font-weight: 700
}

#dlgHotkey kbd, #track-width-preference-dialog kbd, .keyboard-key {
	border: 1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 2px 2px #ddd;
	-webkit-box-shadow: 1px 2px 2px #ddd;
	box-shadow: 1px 2px 2px #ddd;
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee);
	background-image: -ms-linear-gradient(top, #eee, #f9f9f9, #eee);
	background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee);
	background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee);
	background-image: linear-gradient(top, #eee, #f9f9f9, #eee);
	padding: 1px 3px;
	font-family: monospace, Courier;
	font-size: 12px;
	white-space: nowrap
}

.datagrid-body .datagrid-cell {
	white-space: normal
}

.openid image {
	border: 0
}

#pagemask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .01);
	z-index: 3;
	display: none
}

a#logo, svg.logo, svg.logo use {
	width: 150px;
	height: 30px;
	border: 0
}

a#logo {
	display: block;
	position: absolute;
	left: 6px;
	top: 10px
}

#modelogo {
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 70px;
	left: 155px;
	top: 20px;
	color: #58f;
	z-index: 5
}

#modelogo>div.point {
	font-size: 17px;
	padding: 0 2px;
	margin-top: -2px
}

#modelogo>div.point.lceda {
	margin-top: -4px
}

#modelogo>div.logos_en {
	font-size: 20px;
	margin-top: -4px;
	font-weight: 700;
	font-style: italic;
	width: 40px
}

#modelogo>div.logos_zh {
	font-size: 20px;
	margin-top: -5px;
	font-weight: 700;
	font-style: italic
}

#modelogo>div.logos_en.hans {
	margin-top: -8px
}

#modelogo>div.logos_zh.hans {
	margin-top: -10px
}

#modelogo>div.drop {
	margin-top: -2px;
	cursor: pointer
}

#modelogo>div.logos_en>div:not (.nowlogo ), #modelogo>div.logos_zh>div:not
	(.nowlogo ){
	cursor: pointer
}

#modelogo>div.drop>.m-btn-downarrow {
	border-top: 4px solid #58f;
	margin-left: 5px
}

#spiceStatus {
	position: absolute;
	overflow: hidden;
	z-index: 9999;
	background: url(../images/ajax-loader.gif) no-repeat;
	cursor: wait;
	left: 100px;
	top: 100px;
	height: 100px;
	width: 100px
}

#window-loading {
	position: absolute;
	padding: 0;
	margin: 0;
	overflow: hidden;
	z-index: 9999;
	display: table;
	background-color: #eff6fe;
	cursor: wait;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}

#tip-noscript {
	position: absolute;
	padding: 50px 0 0;
	margin: 0;
	overflow: hidden;
	z-index: 10000;
	background-color: #eff6fe;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	text-align: center;
	font-size: 3em;
	line-height: 120%;
	color: red
}

#tip-noscript div {
	margin: 50px 0
}

#leftAccordContainer {
	background: #eee;
	border-top: 1px solid #99bbe8
}

#leftAccord {
	position: relative;
	height: 550px
}

#btnAddNewParam {
	display: block;
	margin-top: 2px
}

#btnAddNewParam .icon-eda-add {
	float: left;
	margin-top: -1px;
	margin-right: 6px
}

.icon16 {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 2px;
	vertical-align: middle
}

#userbar {
	z-index: 3;
	position: absolute;
	margin-top: 10px;
	right: 0;
	padding-right: 5px;
	min-width: 78px;
	height: 30px;
	background: #fff
}

#userNameBox {
	padding: 4px 8px 0 4px;
	min-width: 50px;
	height: 28px;
	line-height: 28px;
	border: 0;
	border-radius: 0;
	display: block
}

#userNameBox:hover {
	color: #58f
}

#userbar.logined #userNameBox {
	text-transform: capitalize
}

#userNameBox .m-btn-downarrow {
	display: inline-block;
	width: 0;
	vertical-align: middle;
	margin-left: 3px
}

a.l-btn {
	height: 24px;
	border-radius: 3px
}

#layoutRight a.l-btn, .dialog-content a.l-btn {
	height: 22px
}

a.l-btn .l-btn-left {
	padding: 3px 0 4px 17px
}

a.l-btn:not (.l-btn-plain ) .m-btn-downarrow {
	border-top: 4px solid #fff;
	margin: 0 0 0 5px;
	transform: translateY(-2px)
}

#userAvatarBox {
	height: 100%;
	display: inline-block
}

#userAvatarBox img {
	vertical-align: text-top;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #eee;
	margin-top: -3px
}

#userNotification {
	display: block;
	position: absolute;
	top: -8px;
	right: -8px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0 5px;
	background: red;
	border-radius: 10px
}

@
-webkit-keyframes blink { 50%{
	opacity: .01
}

}
@
keyframes blink { 50%{
	opacity: .01
}

}
#userNotification.hide {
	display: none
}

#editor-news, .menu, .toolbar {
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
	border: 1px solid #ddd
}

.tbs-item {
	padding: 2px 8px
}

.tbs-item:not (.selected ):hover {
	background-color: #a8c5ff;
	color: #fff
}

.tbs-item.selected {
	background-color: #69f;
	color: #fff
}

.tbs-item .ic32 {
	display: inline-block;
	height: 32px;
	width: 32px;
	margin-right: 2px;
	vertical-align: middle;
	font-size: 22px;
	padding-top: 5px;
	box-sizing: border-box
}

.tbs-item .ic16 {
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-right: 4px;
	vertical-align: middle
}

#dlgExport-tip-Pdf div[fordoctype=pcb] {
	color: red
}

.export-row-container {
	margin-bottom: 10px
}

.export-column-container {
	display: inline-block;
	width: 49%
}

.export-column-container>span {
	display: inline-block;
	width: 112px
}

.export-column-container>select {
	width: 112px;
	height: 30px
}

.export-column-container-right {
	text-align: right
}

.export-table {
	width: 100%;
	margin-bottom: 10px
}

.export-table tr>th, .export-table-center {
	text-align: center
}

a.l-btn:not (.l-btn-plain ){
	background: #fff;
	color: #2dc09b;
	border: 1px solid #2dc09b
}

.dialog-button a.l-btn:not (.l-btn-plain ), .messager-button a.l-btn:not
	(.l-btn-plain ){
	background: #58f;
	color: #fff;
	height: 28px;
	box-sizing: border-box;
	border: none
}

.dialog-button a.l-btn:not (.l-btn-plain )[disabled], .messager-button a.l-btn:not
	(.l-btn-plain )[disabled] {
	background: #ddd
}

.dialog-button a.l-btn:not (.l-btn-plain ):not ([disabled] ):hover,
	.messager-button a.l-btn:not (.l-btn-plain ):not ([disabled] ):hover {
	background: #557ddb
}

.dialog-button a.l-btn span.l-btn-left, .messager-button a.l-btn span.l-btn-left
	{
	padding: 5px 0 4px 17px
}

.dialog-button a.l-btn.l-btn-help span.l-btn-left, .messager-button a.l-btn.l-btn-help span.l-btn-left
	{
	padding-left: 2px
}

.dialog-button a.l-btn.l-btn-help:hover, .messager-button a.l-btn.l-btn-help:hover
	{
	background: 0 0
}

#userNameBox span.l-btn-left {
	padding-left: 5px
}

a.l-btn:not (.l-btn-plain ):hover {
	background: #2dc09b;
	color: #fff
}

a.l-btn:focus {
	border-color: #f90
}

a.l-btn span.l-btn-left {
	background-image: none;
	padding: 3px 0 4px 17px
}

a.l-btn .l-btn-text>.l-btn-empty {
	margin-right: 5px;
	float: left;
	font-size: 16px
}

.dialog-button a.un-btn:hover, .dialog-button a.un-btn:not (.l-btn-plain
	){
	background: 0 0 !important;
	color: #00e;
	padding-right: 8px;
	height: 26px
}

#tabSimCmd .spiceCmd {
	margin-top: 10px;
	margin-right: 105px;
	text-align: right;
	font-style: italic;
	font-size: 14px
}

#tabSimCmd .spiceCmdPre {
	font-weight: 700;
	color: #00f
}

.dialog-button a.l-btn:not (.un-btn ) .l-btn-text>.l-btn-empty,
	.messager-button a.l-btn .l-btn-text>.l-btn-empty {
	margin-top: 2px
}

.dialog-button a.l-btn.l-btn-help, .messager-button a.l-btn.l-btn-help {
	background: 0 0;
	padding-right: 2px
}

.dialog-button a.l-btn, .messager-button a.l-btn {
	overflow: hidden
}

.dialog-button .l-btn-help .l-btn-left, .messager-button .l-btn-help .l-btn-left
	{
	padding: 4px 0 4px 2px
}

.rtc {
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
	width: 11px;
	height: 9px
}

.rtc.h {
	width: 50px
}

.rtc.v {
	height: 25px
}

#colorpanel span.btn {
	display: inline-block;
	height: 16px;
	width: 32px;
	text-align: center;
	cursor: pointer;
	padding: 1px 0;
	border: solid 1px transparent
}

#colorpanel span.btn:hover {
	background-color: #ddd;
	border: solid 1px #666
}

#colorpanel span.btn span {
	display: inline-block;
	height: 16px;
	width: 16px
}

.libitems {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0
}

.filterMode .libgroupcaption {
	display: none
}

.libgroupcaption:not (:first-child ){
	border-top: 1px solid #eee
}

.libgroupcaption {
	width: 100%;
	border-bottom: 1px solid #eee;
	font-size: 10pt;
	padding: 5px 10px
}

.libitem {
	font-size: 10pt;
	display: inline-block;
	position: relative;
	margin: 0;
	cursor: pointer;
	width: 50%;
	padding-bottom: 50px;
	padding-bottom: -moz-calc(50% - 1px);
	padding-bottom: -webkit-calc(50% - 1px);
	padding-bottom: calc(50% - 1px);
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	margin-bottom: -1px
}

.libitem:hover {
	background-color: #f5f5f5
}

.libitem.filterHide {
	display: none
}

.libitem>div {
	width: 100%;
	height: 100%;
	position: absolute;
	text-overflow: ellipsis;
	overflow: hidden
}

.libitem>div.title {
	visibility: hidden
}

.libitem>div.dropdown {
	width: 20%;
	height: calc(20% - 2px);
	right: 0;
	bottom: 0;
	border: solid 1px #58f;
	border-radius: 2px;
	position: absolute;
	padding-bottom: calc(20% - 2px);
	background: #fff;
	display: none;
	margin: 0 2px 2px 0;
	background: #cfddff
}

.libitem>div.dropdown:hover :after {
	border-top: 4px solid #fff
}

.libitem>div.dropdown:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -4px;
	margin-top: -1px;
	content: "";
	border-top: 4px solid #58f;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.libitem:hover>div.dropdown {
	display: block
}

.libitem>div>img, .libitem>div>svg {
	width: 100%;
	height: 100%;
	position: absolute
}

#editor-news {
	background-color: #d9eaff;
	border: solid 1px #2f83c9
}

#editor-news {
	background-color: #ff9;
	border: solid 1px #2f83c9;
	max-width: 640px;
	min-width: 180px;
	position: fixed;
	top: 3px;
	padding: 8px 18px 8px 8px;
	left: 50%;
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.menu {
	width: auto;
	min-width: 150px
}

.menu-icon {
	top: 2px;
	font-size: 20px
}

.menu-item {
	height: 24px;
	line-height: 26px;
	white-space: nowrap
}

.menu-text {
	position: static;
	white-space: nowrap;
	padding: 0 20px 0 26px
}

.menu-item[data-hotkey]>.menu-text {
	padding-right: 120px
}

.menu-item[data-hotkey]:after {
	content: attr(data-hotkey);
	display: block;
	position: absolute;
	top: 0;
	right: 12px;
	white-space: nowrap;
	font-family: arial
}

.menu-text {
	margin: 0
}

.menu-rightarrow {
	top: 8px
}

.menu-item[data-hotkey]:after {
	top: 0
}

#toolbar-common-scale {
	min-width: 60px;
	text-align: center
}

#toolbar-common-scale .m-btn-downarrow {
	padding-left: 10px;
	width: auto
}

#mm-common2-zoom .menu-item+.menu-item {
	display: inline-block;
	width: 92px
}

#mm-common2-zoom.menu {
	max-width: 320px
}

.tree-node-hover {
	background: #f5f5f5
}

.tree-node-selected.tree-node-hover {
	background: #58f !important
}

.messager-input {
	padding: 0 4px;
	height: 22px
}

#dlgExtensions-items {
	padding: 6px
}

.ext-item {
	position: relative;
	padding: 2px;
	margin: 0 0 5px 0;
	min-height: 40px;
	border-bottom: 1px solid #ccc
}

.ext-item.ext-disabled {
	background-color: #eee
}

.ext-disabled .ext-desc, .ext-disabled .ext-name-state {
	color: #999
}

.ext-item.ext-disabled a[cmd=ext-disable] {
	display: none
}

.ext-item:not (.ext-disabled ) a[cmd=ext-enable] {
	display: none
}

.ext-icon {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 2px;
	top: 2px
}

.ext-name-state {
	margin: auto 0 0 40px;
	font-size: 18px;
	font-weight: 700
}

.ext-name {
	display: inline-block
}

.ext-item.ext-disabled .ext-state {
	display: inline-block;
	margin-left: 10px
}

.ext-item:not (.ext-disabled ) .ext-state {
	display: none
}

.ext-cmd {
	position: absolute;
	right: 2px;
	top: 0
}

.ext-cmd a {
	margin-left: 4px
}

.ext-desc {
	margin: auto 0 0 40px
}

.ext-tip {
	padding-left: 6px
}

#dlgLibs-box {
	height: 100%;
	width: 100%;
	font-size: 0;
	padding: 10px;
	min-width: 620px;
	min-height: 400px;
	position: relative
}

#dlgLibs-box>* {
	font-size: 1rem
}

#dlgLibs-searchform {
	padding: 0;
	margin-bottom: 10px;
	margin-top: 10px
}

#dlgLibs-searchform .search-engine {
	display: inline-block;
	float: left
}

.dlgLibs-searchform-container {
	display: inline-block;
	border-bottom: 1px solid #adadad;
	overflow: hidden;
	margin: -5px 50px
}

#dlgLibs-keyword {
	width: 400px;
	font-size: 16px;
	padding: 5px 8px;
	vertical-align: middle;
	border: none;
	box-shadow: none
}

.menu-search {
	position: absolute;
	top: 10px;
	vertical-align: middle;
	width: 400px
}

.menu-search .menu-search-input {
	width: 400px;
	font-size: 16px;
	padding: 5px 8px;
	border: none;
	border-bottom: 1px solid #adadad;
	outline: 0;
	background: #fff
}

.menu-search .menu-search-input:valid ~.menu-search-empty {
	visibility: visible
}

.menu-search .menu-search-empty {
	right: 30px;
	top: 2px;
	cursor: pointer;
	visibility: hidden
}

.menu-search .menu-search-empty, .menu-search .menu-search-empty+button
	{
	background: #fff
}

.menu-search-input:-webkit-autofill, .menu-search-input:-webkit-autofill:active,
	.menu-search-input:-webkit-autofill:focus, .menu-search-input:-webkit-autofill:hover
	{
	-webkit-box-shadow: 0 0 0 30px #fff inset !important;
	background: #fff
}

.menu-search button {
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 18px;
	float: right;
	border: 0;
	background: 0 0
}

#dlgLibs-filter, #dlgLibs-search {
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: 0 0;
	border: none
}

#dlgLibs-categories-classes, #dlgLibs-categories-types {
	margin-bottom: 8px;
	position: relative
}

#dlgLibs .btn, #dlgLibs-tags-list .btn {
	position: relative;
	display: inline-block;
	line-height: 1em;
	padding: 5px 10px;
	cursor: pointer;
	border: 1px #f9f9f9 solid
}

#dlgLibs .btn.new-icon::after {
	content: '';
	width: 24px;
	height: 10px;
	display: inline-block;
	position: absolute;
	top: -2px;
	right: -15px;
	background: url(../images/new.gif) no-repeat
}

#dlgLibs-tags-list .btn {
	margin: 3px;
	border: 1px solid #ddd;
	background: #f3f3f3
}

#dlgLibs-tags-list .btn[data-active] {
	color: #fff;
	background: #58f
}

#dlgLibs-tags-list .dlgLibs-tags-container {
	font-weight: 700;
	font-size: 14px;
	margin: 5px 5px
}

#dlgLibs .btn:hover {
	color: #58f
}

#dlgLibs .dlgLibs-categories-btn-label {
	display: inline-block;
	width: 7rem;
	color: #999
}

#dlgLibs .btn:hover {
	color: #58f
}

#dlgLibs .btn[data-active] {
	background: #fff;
	border: 1px #d1d1d1 solid;
	z-index: 1001;
	color: #58f
}

.dlgLibs-categories-search {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	pointer-events: none
}

.dlgLibs-categories-search-btn {
	width: 20px;
	padding: 0;
	height: 20px;
	background: 0 0;
	border: none;
	position: absolute;
	pointer-events: auto;
	font-size: 1.5rem
}

#dlgLibs-categories-tags-container {
	position: absolute;
	width: calc(100% - 6rem - 100px);
	right: 100px;
	height: 365px;
	top: 23px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	z-index: 1000
}

#dlgLibs-categories-tags-container .btn {
	background-color: #f5f5f5;
	margin: 3px
}

#dlgLibs-tags-container .btn:hover, #dlgLibs-tags-container .btn[data-active]
	{
	color: inherit !important;
	background-color: #cfddff
}

.dlgLibs-categories-tags-refresh {
	display: table;
	height: 23px;
	background: #736c73;
	border: none;
	color: #fff;
	padding: 0 20px;
	cursor: pointer;
	line-height: 23px
}

.dlgLibs-categories-tags-refresh .icon-eda-refresh {
	float: left;
	margin-top: 5px
}

#dlgLibs .dlgLibs-page-more.l-btn {
	margin: 5px 0
}

.dlgLibs-categories-tags-container-category-box {
	font-weight: 700;
	color: #333
}

.dlgLibs-categories-tags-container-tag-box {
	padding: 10px;
	white-space: normal
}

div.icon-component-decorator {
	display: inline-block;
	float: right
}

i.dlgLibs-liblist-icon-canbuy {
	background-image:
		url()
}

#dlgLibs-nav {
	width: 260px;
	height: 500px;
	position: relative;
	vertical-align: top
}

#dlgLibs-navlist {
	width: 100%;
	font-size: 16px
}

#dlgLibs-navtabs {
	width: 85px;
	display: inline-block;
	white-space: normal
}

#dlgLibs-navtabs>div {
	display: table;
	width: 100%;
	min-height: 36px;
	border: solid 1px #9bd;
	border-radius: 3px;
	background-color: #f8f8f8;
	padding: 3px;
	text-align: center
}

#dlgLibs-navtabs>div+div {
	margin-top: 5px
}

#dlgLibs-navtabs>div:not ([data-active] ):hover {
	background-color: #9cf;
	cursor: pointer
}

#dlgLibs-navtabs>div[data-active] {
	background-color: #9cf;
	position: relative;
	font-weight: 700;
	color: #ef1835
}

#dlgLibs-navtabs>div[data-active]::after {
	content: "";
	display: block;
	position: absolute;
	right: -4px;
	top: 45%;
	width: 7px;
	height: 7px;
	background-color: #9cf;
	border: solid 1px #9bd;
	transform: rotate(45deg);
	border-width: 1px 1px 0 0
}

#dlgLibs-navtabs>div>span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	word-break: break-word;
	display: table-cell;
	vertical-align: middle
}

#dlgLibs-trees {
	width: 170px;
	height: 496px;
	overflow: auto;
	position: absolute;
	left: 90px;
	top: 0
}

#dlg-tag-tree {
	position: relative;
	background: #fff
}

#dlg-tag-tree>li>.tree-node {
	box-sizing: border-box;
	height: 30px;
	line-height: 25px;
	border: 1px solid #e3e3e3;
	font-size: 14px;
	padding: 0 5px;
	font-weight: 700
}

#dlg-tag-tree>li>.tree-node>.tree-indent {
	display: none
}

#dlg-tag-tree li {
	margin: 3px
}

#dlg-tag-tree .tree-title {
	width: calc(100% - 25px);
	overflow: hidden;
	text-overflow: ellipsis
}

#dlg-tag-tree>li .tree-hit {
	float: right;
	position: relative;
	height: 100% !important;
	margin-right: 5px
}

#dlg-tag-tree>li .tree-hit:after {
	content: "";
	display: inline-block;
	border-top: 2px solid #ccc;
	position: absolute;
	left: 0;
	top: 13px;
	width: 100%
}

#dlg-tag-tree .tree-collapsed:before, #dlg-tag-tree .tree-expanded:before
	{
	content: "";
	display: inline-block;
	vertical-align: middle;
	border: none;
	border-right: 2px solid #ccc;
	position: absolute;
	left: 7px;
	top: 6px;
	height: 17px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0)
}

#dlg-tag-tree .tree-node-selected .tree-hit:after, #dlg-tag-tree .tree-node-selected .tree-hit:before
	{
	border-color: #fff
}

#dlg-tag-tree .tree-expanded:before {
	border-right: none
}

#dlg-tag-tree .tree-icon {
	display: none
}

#dlg-tag-tree>li>ul>li .tree-indent:nth-child(1) {
	display: none
}

#dlg-tag-tree>li>ul>li .tree-title {
	font-family: -webkit-body;
	text-overflow: ellipsis
}

#dlgLibs-trees a[cmd] {
	margin: 6px
}

#dlgLibs-trees>ul {
	padding: 0
}

#dlgLibs-list {
	position: relative;
	background: #fff
}

#dlgLibs-box .toggle-type {
	width: calc(100% - 200px);
	float: left;
	overflow: auto;
	border: 1px solid #ccc;
	scroll-behavior: smooth
}

#dlgLibs-liblist {
	width: calc(100% - 100px);
	height: 100%;
	overflow: auto;
	vertical-align: top;
	border-right: 1px solid #ccc
}

#dlgLibs-list-hierarchy {
	margin-top: 9px;
	margin-bottom: 8px;
	color: #333
}

#dlgLibs-liblist table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse
}

#dlgLibs-liblist>div {
	position: absolute;
	overflow: hidden
}

#dlgLibs-liblist .fixedTableHeader>div {
	display: inline-block;
	text-transform: capitalize;
	font-weight: 700;
	border-bottom: initial !important;
	height: 24px;
	background-color: #ddd;
	cursor: pointer;
	position: relative;
	text-transform: capitalize;
	font-weight: 700
}

#dlgLibs-liblist .fixedTableHeader>div>span {
	position: absolute;
	right: 0
}

.dlgLibs-liblist-sort-asc .dlgLibs-liblist-sort-icon {
	padding: 2px 13px 0 0;
	background:
		url()
		no-repeat center center;
	float: right
}

.dlgLibs-liblist-sort-desc .dlgLibs-liblist-sort-icon {
	padding: 2px 13px 0 0;
	background:
		url()
		no-repeat center center;
	float: right
}

#dlgLibs-liblist .fixedTableHeader>div, #dlgLibs-liblist table tr>* {
	border-bottom: solid 1px #eee;
	padding: 4px
}

#dlgLibs-liblist .fixedTableHeader>div:not (:last-child ),
	#dlgLibs-liblist table tr>:not (:last-child ){
	border-right: solid 1px #eee
}

#dlgLibs-liblist thead tr {
	background-color: #ddd;
	height: 24px
}

#dlgLibs .icon16[cmd], #dlgLibs-liblist tbody tr[data-uuid] {
	cursor: pointer
}

#dlgLibs-liblist tbody tr[data-uuid]:hover:not (.selected ){
	background: #f5f5f5
}

#dlgLibs tbody tr.selected {
	background: #58f;
	color: #fff
}

#dlgLibs tbody tr.selected .hightlight {
	color: #000
}

#dlgLibs-liblist tbody td.subpart {
	padding-left: 32px
}

#dlgLibs-liblist tfoot tr {
	text-align: center;
	height: 32px
}

#dlgLibs-preview {
	height: 100%;
	width: 100px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0
}

#dlgLibs-preview .dlgLibs-thumbs div {
	width: 100%;
	height: 100px;
	margin-top: 1px
}

#dlgLibs-mini-preview .dlgLibs-thumbs div {
	width: 100px;
	height: 100px;
	float: left
}

#dlgLibs .dlgLibs-thumbs img {
	width: 100%;
	height: 100%;
	cursor: pointer
}

#dlgLibs-preview:not ([data-lcsc="1"] ) #dlgLibs-lcsc {
	display: none
}

#dlgLibs-preview:not ([data-lcsc="1"] ) [data-lcsc=placeholder] {
	display: none
}

#dlgLibs-preview[data-lcsc="1"] #dlgLibs-lcsc {
	line-height: 1.8em;
	text-align: left;
	position: absolute;
	top: 40px;
	left: 6px;
	width: 120px;
	height: 130px
}

#dlgLibs-preview[data-lcsc="1"] [data-lcsc=placeholder] {
	display: inline-block;
	width: 260px;
	height: 100px;
	vertical-align: middle
}

#dlgLibs .preview img+img {
	margin-left: 20px
}

#dlgLibs .preview img[src^="about:"] {
	display: none
}

#dlgLibs-preview svg {
	position: absolute;
	width: 100px;
	height: 100px;
	left: -200px;
	top: -200px;
	visibility: hidden
}

#dlgLibs-preview:not ([data-uuid] )>* {
	display: none
}

#dlgLibs-preview.loading>:not (.dlgLibs-preview-loading ){
	display: none
}

#dlgLibs .preview.loading .dlgLibs-preview-loading {
	display: block
}

#dlgLibs .dlgLibs-preview-loading {
	width: 100%;
	height: 100%;
	display: none
}

#dlgLibs-libbuttons {
	position: absolute;
	right: 5px;
	bottom: 5px
}

#dlgLibs-libbuttons>* {
	margin-left: 5px
}

#dlgLibs-preview[data-subpart="1"] [cmd=clone] {
	display: none
}

#dlgLibs-preview-title {
	position: absolute;
	left: 5px;
	top: 5px;
	text-align: initial
}

#dlgLibs-pcblibs {
	margin-left: 18px
}

#dlgLibs-lcsc .lcsc-price span {
	font-weight: 700;
	display: block
}

#dlgLibs-lcsc .lcsc-price {
	font-size: 2rem;
	color: red;
	vertical-align: middle
}

#dlgLibs-lcsc .lcsc-buy, #dlgLibs-lcsc .lcsc-pdf {
	color: #000;
	font-size: 2rem;
	text-decoration: none;
	vertical-align: middle
}

.dlgLibs-lcsc-margin-right {
	margin-right: 25px
}

#dlgLibs-usercontribute-tip {
	display: none;
	text-align: center;
	color: red;
	margin-top: 5px;
	font-size: 18px
}

#dlgGenerateGerber-details-container,
	#dlgGenerateGerber-photoview-container {
	display: inline-block;
	height: 443px
}

#dlgGenerateGerber-photoview-container {
	width: 449px
}

#dlgGenerateGerber-details-container {
	width: 350px;
	vertical-align: top;
	font-size: 14px
}

#dlgGenerateGerber-details-container>div {
	margin-top: 10px;
	margin-bottom: 10px
}

#dlgGenerateGerber-show {
	margin-left: 20px;
	margin-bottom: 0 !important;
	height: 98px;
	overflow: hidden
}

#dlg_bom_show {
	display: inline
}

#dlg_bom_show img {
	width: 330px;
	height: 35px
}

.dlgGenerateGerber-details-left-box {
	display: inline-block;
	text-align: right;
	width: 49%
}

.dlgGenerateGerber-details-right-box {
	display: inline-block;
	text-align: left;
	width: 49%
}

.dlgGenerateGerber-details-right-box>select {
	width: 100%;
	border-radius: 5px
}

#dlgGenerateGerber .gerberView {
	position: absolute;
	width: 105px;
	left: 90px;
	text-align: center
}

#dlgGenerateGerber .generateGerber {
	position: absolute;
	width: 148px;
	left: 231px;
	text-align: center
}

#dlgLibs-lcsc .lcsc-stock {
	top: 80px;
	left: 10px
}

#dlgLibs-lcsc .lcsc-stock>span:first-child {
	color: #0d0
}

#dlgLibs-lcsc .lcsc-stock:not (.lcsc-stock-out )>span:last-child {
	display: none
}

#dlgLibs-lcsc .lcsc-stock-out>span:not (:last-child ){
	display: none
}

#dlgLibs-lcsc .lcsc-stock-out>span:last-child {
	color: red
}

#dlgLibs-lcsc .lcsc-minimum {
	top: 80px;
	right: 10px
}

#dlgLibs-lcsc .lcsc-minimum>span:last-child {
	color: #0d0
}

#dlgLibs-lcsc .lcsc-corner {
	width: 22px;
	height: 22px;
	border-radius: 11px;
	right: -6px;
	top: -6px;
	background-color: red;
	color: #fff;
	font-size: 8px;
	line-height: 20px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

#dlgPackages-box {
	height: 100%;
	width: 100%;
	font-size: 0;
	padding: 10px;
	min-width: 620px;
	min-height: 400px;
	position: relative
}

#dlgPackages-box>* {
	font-size: 1rem
}

#dlgPackages-searchform {
	height: 45px;
	padding: 0;
	text-align: center
}

#dlgPackages-keyword {
	width: 500px;
	font-size: 18px;
	padding: 5px 3px;
	vertical-align: middle
}

#dlgPackages-search {
	display: inline;
	font-size: 15px;
	padding: 8px 20px;
	margin: 0;
	color: #ff0;
	font-weight: 700;
	vertical-align: middle
}

#dlgPackages-nav {
	width: 200px;
	height: 500px;
	position: relative;
	vertical-align: top
}

#dlgPackages-trees {
	width: 100%;
	height: 100%;
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0
}

#dlgPackages-list {
	width: 756px;
	width: calc(100% - 230px);
	vertical-align: top;
	position: absolute;
	left: 220px;
	top: 55px
}

#dlgPackages-liblist {
	width: 100%;
	height: 308px;
	overflow: auto
}

#dlgPackages-liblist table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse
}

#dlgPackages-liblist table thead th {
	text-transform: capitalize
}

#dlgPackages-liblist table tr>* {
	border-bottom: solid 1px #ccc;
	padding: 4px
}

#dlgPackages-liblist table tr>:not (:last-child ){
	border-right: solid 1px #ccc
}

#dlgPackages-liblist thead tr {
	background-color: #ddd;
	height: 24px
}

#dlgPackages .icon16[cmd], #dlgPackages-liblist tbody tr[data-uuid] {
	cursor: pointer
}

#dlgPackages-liblist tbody tr[data-uuid]:hover:not (.selected ){
	background-color: #bde
}

#dlgPackages-liblist tbody tr.selected {
	background-color: #9bd;
	color: #fff
}

#dlgPackages-liblist tbody td.subpart {
	padding-left: 32px
}

#dlgPackages-liblist tfoot tr {
	text-align: center;
	height: 32px
}

#dlgPackages-preview {
	height: 180px;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	overflow: hidden;
	position: relative
}

#dlgPackages-thumbs {
	padding-top: 2px;
	height: 152px;
	line-height: 150px;
	text-align: center
}

#dlgPackages-thumbs img {
	max-width: 300px;
	max-height: 130px;
	vertical-align: middle;
	border-radius: 5px;
	box-shadow: 0 0 12px #666
}

#dlgPackages-preview img[src^="about:"] {
	display: none
}

#dlgPackages-preview svg {
	position: absolute;
	width: 100px;
	height: 100px;
	left: -200px;
	top: -200px;
	visibility: hidden
}

#dlgPackages-preview:not ([data-uuid] )>* {
	display: none
}

#dlgPackages-preview.loading>:not (#dlgPackages-preview-loading ){
	display: none
}

#dlgPackages-preview.loading #dlgPackages-preview-loading {
	display: block
}

#dlgPackages-preview-loading {
	background: url(../images/ajax-loader.gif) no-repeat scroll center
		center #eff6fe;
	width: 100%;
	height: 100%;
	display: none
}

#dlgPackages-libbuttons {
	position: absolute;
	right: 5px;
	bottom: 5px
}

#dlgPackages-libbuttons>* {
	margin-left: 5px
}

#dlgPackages-preview[data-subpart="1"] [cmd=clone] {
	display: none
}

#dlgPackages-preview-title {
	position: absolute;
	left: 5px;
	top: 5px;
	text-align: initial
}

#dlgConflicts table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse
}

#dlgConflicts table td {
	padding: 2px
}

#dlgConflicts table tr {
	border-bottom: #ddd dotted 1px
}

#dlgConflicts table thead {
	background-color: #e1e0fe;
	font-weight: 600
}

#treeMyProject a.l-btn, #treeSharedWithMeProject a.l-btn {
	margin-left: 10px;
	white-space: nowrap
}

.prp-filter {
	width: 90%;
	margin: 10px auto;
	position: relative
}

#designManagerTree .tree-node {
	margin: 5px 0;
	height: auto
}

#designManagerTree .tree-node-selected {
	background: #58f
}

#designManagerTree .icon-eda-refresh {
	font-size: 14px;
	border-radius: 50%;
	border: none;
	transition: all .3s;
	color: green
}

#designManagerTree .icon-eda-refresh:hover {
	color: #00f
}

.boardoutlineset-head-container {
	margin-bottom: 20px;
	border: 1px solid #ddd;
	padding: 15px
}

#borderOutlineTypeOption input[type=text], #dlgBoardOutlineSet input[type=text]
	{
	width: 67px
}

#dlgBoardOutlineSet input[type=radio] {
	position: relative;
	top: 2px
}

#dlgBoardOutlineSet .boardUnit {
	margin-left: 5px
}

#dlgBoardOutlineSet #txtBoardHeight, #dlgBoardOutlineSet #txtBoardWidth
	{
	margin-left: 16px
}

.boardoutlineset-title {
	vertical-align: sub
}

.boardoutlineset-title-container-right {
	float: right
}

.boardoutlineset-first-option-container {
	margin-top: 10px
}

.boardoutlineset-containers {
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px
}

.boardoutlineset-containers-last {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px
}

.boardoutlineset-containers label, .boardoutlineset-containers-last label
	{
	line-height: 28px
}

.boardoutlineset-containers-last>div, .boardoutlineset-containers>div {
	display: inline-block;
	width: 135px
}

.boardoutlineset-containers-last>div>div, .boardoutlineset-containers>div>div
	{
	float: right
}

.boardoutlineset-txtx {
	margin-left: 2px
}

.boardoutlineset-txty {
	margin-left: 2px
}

.boardoutlineset-txtwidth {
	margin-left: 5px
}

#pcbGlobalDelete>div, #schGlobalDelete>div {
	margin: 10px
}

a.l-btn span span span.l-btn-empty {
	height: 16px;
	line-height: 14px
}

#dlgExportBOM td[field="BOM_Manufacturer Part"], #dlgExportBOM td[field="BOM_Supplier Part"]
	{
	position: relative
}

#dlgExportBOM td[field="BOM_Manufacturer Part"] {
	padding-right: 15px
}

#dlgExportBOM td[field="BOM_Supplier Part"] {
	padding-right: 15px;
	width: 177px;
	min-width: 177px;
	max-width: 177px
}

#dlgExportBOM td[field="BOM_Supplier Part"]>div {
	width: 100% !important
}

#dlgExportBOM td[field="BOM_Supplier Part"] .assign-part-btn {
	background: #8aa9f1;
	cursor: pointer;
	color: #fff;
	border: 0;
	float: right;
	position: static !important;
	margin-left: 0;
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 4px
}

#dlgExportBOM td .edit, #dlgExportBOM td .verified {
	margin-left: 10px;
	color: #3794a2;
	cursor: pointer;
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 3px
}

#dlgExportBOM td .verified {
	color: #0159e3;
	top: 2px
}

#dlgExportBOM .datagrid-row-selected .edit {
	color: #fff
}

#dlgExportBOM .buy, #dlgGenerateGerber .buy {
	background: -webkit-linear-gradient(top, #5cf, #49f);
	background: -o-linear-gradient(top, #5cf, #49f);
	background: linear-gradient(top, #5cf, #49f);
	background: -moz-linear-gradient(top, #5cf, #49f);
	background: -ms-linear-gradient(top, #5cf, #49f);
	color: #fff
}

#dlgExportBOM td>div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#dlgUpdatePackage .body {
	padding: 10px;
	min-width: 850px;
	height: calc(100% - 20px);
	min-height: 400px
}

#dlgUpdatePackage .colum {
	float: left;
	height: 100%;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #ddd
}

#dlgUpdatePackage .left-list, #dlgUpdatePackage .right-list {
	width: calc(( 100% - 510px)/2);
	position: relative
}

#dlgUpdatePackage .right-list .title {
	margin: -5px
}

#dlgUpdatePackage .right-list .title span {
	display: inline-block;
	width: 50%;
	float: left;
	padding: 5px 10px;
	box-sizing: border-box;
	cursor: pointer;
	background: #ddd;
	border-bottom: 1px solid #d1d1d1
}

#dlgUpdatePackage .right-list .title span.active {
	background: #f9f9f9;
	border-bottom: none;
	color: #416aa3
}

#dlgUpdatePackage .right-list .pkg-title {
	line-height: 30px
}

#dlgUpdatePackage .middle-content {
	width: 510px;
	border-left: none;
	border-right: none;
	background: #fff
}

#dlgUpdatePackage .middle-content .bottom {
	height: calc(100% - 212px);
	margin-top: 20px
}

#dlgUpdatePackage .middle-content .for-3d .line {
	overflow: hidden;
	padding: 2px 10px 0 10px
}

#dlgUpdatePackage .for-3d .line .left {
	padding-top: 5px;
	width: 100px
}

#dlgUpdatePackage .for-3d input {
	width: 100px
}

.two-line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all
}

#dlgUpdatePackage .middle-content .bottom>div {
	width: 49%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border: 1px solid #ddd;
	overflow: hidden
}

#dlgUpdatePackage .middle-content .bottom .header {
	background: #ddd;
	height: 30px;
	line-height: 30px;
	padding: 0 5px
}

#dlgUpdatePackage .middle-content .datagrid-header-inner table {
	height: 32px !important;
	box-sizing: border-box
}

#dlgUpdatePackage .middle-content .panel-body {
	border: none
}

#dlgUpdatePackage .left {
	float: left
}

#dlgUpdatePackage .right {
	float: right
}

#dlgUpdatePackage .middle-content .info {
	margin: 10px 0;
	overflow: hidden
}

#dlgUpdatePackage .top {
	position: relative
}

#dlgUpdatePackage .view {
	width: 100%;
	height: 200px
}

#dlgUpdatePackage .view svg {
	border: 1px solid #ccc
}

#full-sc-btn {
	position: absolute;
	bottom: -21px;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	background: #fff;
	border: 1px solid #ccc;
	color: #515050;
	outline: 0;
	height: 18px;
	line-height: 16px
}

#dlgUpdatePackage .middle-content .content {
	width: 500px;
	margin: 0 auto;
	height: calc(100% - 10px)
}

#dlgUpdatePackage .left-list .content {
	height: calc(100% - 72px);
	overflow: auto;
	background: #fff;
	border: 1px solid #ddd;
	padding: 0;
	margin-top: 15px
}

#dlgUpdatePackage ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	line-height: 16px;
	background: #fff
}

#dlgUpdatePackage ul li {
	cursor: pointer;
	margin: 2px 0;
	padding: 0 5px
}

#dlgUpdatePackage ul.search-type-list li {
	padding: 0
}

#dlgUpdatePackage ul.search-type-list {
	margin-top: 10px
}

#dlgUpdatePackage ul li.warn {
	background: red
}

#dlgUpdatePackage ul li:hover {
	background: #bde
}

#dlgUpdatePackage ul li.active {
	background: #58f;
	color: #fff
}

#dlgUpdatePackage ul li.active .hightlight {
	color: #000
}

#dlgUpdatePackage .category ul li {
	padding: 0
}

#dlgUpdatePackage .category ul li .tree-indent {
	width: 8px
}

#dlgUpdatePackage .category ul li:hover {
	background: 0 0
}

#dlgUpdatePackage .left-list .search, #dlgUpdatePackage .right-list .option
	{
	width: 100%;
	border-radius: 0;
	margin: 0 0 3px -1px;
	overflow: hidden;
	position: relative
}

#dlgUpdatePackage .left-list header, #dlgUpdatePackage .right-list header
	{
	height: 50px
}

#dlgUpdatePackage .key {
	padding: 8px 5px;
	box-sizing: border-box;
	border: none;
	border-bottom: 1px solid #adadad;
	box-shadow: none;
	width: 100%;
	border-radius: 0;
	padding-right: 30px;
	float: left
}

#dlgUpdatePackage .tree-node {
	height: auto
}

#dlgUpdatePackage .search button {
	width: 40px;
	height: 20px;
	background: 0 0;
	border: none
}

#dlgUpdatePackage .left-list .search {
	margin-top: 5px
}

#dlgUpdatePackage .toggle {
	position: absolute;
	content: "";
	border-top: 6px solid #000;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	left: 6px;
	top: 8px
}

#dlgUpdatePackage .tags .icon-eda-noflag {
	left: 4px;
	position: absolute;
	top: 4px
}

#dlgUpdatePackage .search {
	margin: 0 5px 0;
	position: relative;
	overflow: hidden
}

#dlgUpdatePackage .right-list .select {
	margin: 0 5px 5px
}

#dlgUpdatePackage .right-list .tags {
	border-bottom: none;
	position: relative
}

#dlgUpdatePackage .tags button {
	position: absolute
}

#dlgUpdatePackage .tags .slide {
	top: 3px;
	right: 19px;
	position: absolute
}

#dlgUpdatePackage .tags .filter {
	top: 6px;
	right: 20px
}

#dlgUpdatePackage polyline[c_shapetype=line-cross] {
	stroke-width: 1;
	vector-effect: non-scaling-stroke
}

.uppercase {
	text-transform: uppercase
}

#dlgUpdatePackage .search button {
	width: 19px;
	height: 18px;
	float: right;
	padding: 0;
	margin-top: -22px
}

#dlgUpdatePackage .right-list .search button.filter {
	margin-right: 15px
}

#dlgUpdatePackage .datagrid-cell {
	position: relative
}

#dlgUpdatePackage .datagrid-sort-icon {
	right: 0;
	position: absolute;
	top: 0
}

#dlgUpdatePackage .category, #dlgUpdatePackage .package {
	overflow: auto;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #ddd
}

#dlgUpdatePackage input.f_key {
	width: 100px;
	padding-right: 18px;
	height: 26px
}

#dlgUpdatePackage .category {
	position: absolute;
	max-height: 320px;
	top: 100px;
	width: 100%
}

#dlgUpdatePackage .class-select, #dlgUpdatePackage .tags .f_key {
	width: calc(100% - 58px)
}

#dlgUpdatePackage .right-list .label {
	display: inline-block;
	width: 58px
}

#dlgUpdatePackage .package {
	margin-top: 10px
}

#dlgSymbolTool .datagrid-body, #dlgUpdatePackage .datagrid-body {
	overflow-y: auto;
	overflow-x: hidden
}

#dlgUpdatePackage .bottom .datagrid-body {
	height: 210px !important
}

#dlgPinMap .datagrid-body, #dlgSymbolTool .datagrid-body {
	height: 240px !important
}

[layerid='0'] {
	stroke: #fff
}

[layerid='1'] {
	stroke: red;
	fill: red
}

[layerid='2'] {
	stroke: #00f;
	fill: #00f
}

[layerid='3'] {
	stroke: #fc0;
	fill: #fc0
}

[layerid='4'] {
	stroke: #6c3;
	fill: #6c3
}

[layerid='5'] {
	stroke: grey;
	fill: grey
}

[layerid='6'] {
	stroke: maroon;
	fill: maroon
}

[layerid='7'] {
	stroke: purple;
	fill: purple
}

[layerid='8'] {
	stroke: #a0f;
	fill: #a0f
}

[layerid='9'] {
	stroke: #6464ff;
	fill: #6464ff
}

[layerid='10'] {
	stroke: #f0f;
	fill: #f0f
}

[layerid='11'] {
	stroke: silver;
	fill: silver
}

[layerid='12'] {
	stroke: #fff;
	fill: #fff
}

[layerid='13'] {
	stroke: #fff
}

[layerid='14'] {
	stroke: #fff
}

[layerid='15'] {
	stroke: #fff
}

[layerid='16'] {
	stroke: #fff
}

[layerid='17'] {
	stroke: #fff
}

[layerid='18'] {
	stroke: #fff
}

[layerid='19'] {
	stroke: #6cf
}

[layerid='20'] {
	stroke: #fff
}

[layerid='21'] {
	stroke: maroon;
	fill: maroon
}

[layerid='22'] {
	stroke: green;
	fill: green
}

[layerid='23'] {
	stroke: #0f0;
	fill: #0f0
}

[layerid='24'] {
	stroke: navy;
	fill: navy
}

g[c_partid=part_pad]>[c_etype=pad_outer] {
	pointer-events: none
}

g[c_partid=part_pad] {
	display: initial
}

[fill=none] {
	fill: none
}

[stroke=none] {
	stroke: none
}

g[c_partid=part_via]>*+circle:nth-of-type(2) {
	fill: silver
}

g[c_partid=part_pad]>polyline:nth-of-type(2) {
	stroke: #000
}

g[c_partid=part_pad][c_shape=ELLIPSE]>polyline:nth-last-of-type(1) {
	stroke: #000
}

g[c_partid=part_pad][c_shape=RECT]>polyline:nth-last-of-type(1) {
	stroke: #000
}

g[c_partid=part_pad][c_shape=POLYGON]>polyline:nth-last-of-type(1) {
	stroke: #000
}

[stroke-width="1"] {
	stroke-width: 1
}

g[c_partid=part_pad]>*+circle {
	fill: #222 !important
}

g[c_partid=part_via]>*+circle {
	fill: silver
}

g[c_partid=part_hole]>*+circle {
	fill: silver
}

g[c_partid=part_pad]>polyline:nth-child(2) {
	stroke: #000;
	stroke-linecap: round
}

line, path, polygon, polyline {
	stroke-linecap: round
}

path[type=solid][d]:not ([drawing] ){
	stroke: none
}

path[type=solid][d][drawing] {
	vector-effect: non-scaling-stroke
}

path[type=npth][d]:not ([drawing] ){
	stroke: none
}

path[type=npth][d][drawing] {
	vector-effect: non-scaling-stroke
}

path[type=cutout][d] {
	fill: #000 !important;
	fill-opacity: 0;
	vector-effect: non-scaling-stroke
}

g.hover-active[c_partid=part_pad] circle {
	fill: red
}

line.active, line.hover-active, path.hover-active {
	stroke: #00f !important
}

circle.pindot {
	fill: none;
	stroke-opacity: .5;
	stroke-width: .3;
	stroke: #333;
	shape-rendering: auto
}

#gNets>text:not ([fill] ){
	fill: #fff
}

#gNets>text:not(stroke) {
	stroke: #000
}

#gNets>text {
	text-anchor: middle;
	font-family: Consolas, Courier, Monospace
}

#viewRoot g[c_shapetype=dimensionCheck] path, #viewRoot text[c_note] {
	display: none
}

#pin_map .datagrid-body tbody tr.warn {
	background: red
}

#project-component-list>li .icon-eda-check {
	color: green
}

#project-component-list>li .icon-eda-cancel {
	color: #fff
}

#attr_dialog .line, #dlgBatchPlaceVias .line, #drawing-attr .line,
	#drawing-attr-Text .line, #edit-intelligent-size .line, #find-similar .line,
	.offsetDlg .line {
	margin: 10px 0
}

#dlgBatchPlaceVias, #drawing-attr, #drawing-attr-Text,
	#edit-intelligent-size, .offsetDlg {
	padding: 0 20px
}

#attr_dialog .basic header.title {
	font-size: 16px
}

#attr_dialog .img_container {
	min-height: 150px;
	padding: 30px
}

#attr_dialog .line .txt_title, #dlgBatchPlaceVias .line .txt_title,
	#drawing-attr .line .txt_title, #edit-intelligent-size .line .txt_title,
	#find-similar .line .txt_title, .offsetDlg .line .txt_title {
	min-width: 120px;
	line-height: 16px;
	margin-right: 5px;
	padding-top: 6px
}

#dlgBatchPlaceVias .line .txt_title {
	width: 105px
}

#edit-intelligent-size .line .txt_title {
	min-width: 100px
}

#find-similar input, #find-similar select {
	min-width: 90px;
	max-width: 150px
}

#find-similar .ruler {
	margin-right: 5px;
	width: 90px
}

#attr_dialog input[name], #attr_dialog select[name], #find-similar input[name],
	#find-similar select[name] {
	width: 150px
}

#find-similar .title {
	font-size: 16px
}

#attr_dialog .container {
	padding: 20px;
	box-sizing: border-box;
	position: relative
}

input[type=color], input[type=email], input[type=number], input[type=telephone],
	input[type=text], select {
	border-radius: 3px;
	padding: 3px 5px;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	background: #fff;
	box-shadow: none
}

input[type=color]:focus, input[type=email]:focus, input[type=number]:focus,
	input[type=telephone]:focus, input[type=text]:focus, select:focus,
	textarea:focus {
	outline: 0;
	border-color: #58f
}

input[type=color][disabled], input[type=email][disabled], input[type=number][disabled],
	input[type=telephone][disabled], input[type=text][disabled], select[disabled]
	{
	background: #ddd;
	color: #666
}

select[size] {
	height: auto
}

input[type=color] {
	padding: 0
}

input.short {
	width: 100px
}

#path-pre {
	background: #e7e7e7;
	border-radius: 3px 0 0 3px;
	padding: 3px 5px;
	height: 28px;
	border: 1px solid #dae4fd;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	line-height: 20px;
	color: #929292
}

.site-logo {
	margin-top: 8px
}

.add-new-param {
	background: #fff;
	display: block;
	padding-left: 10px;
	line-height: 30px;
	text-align: center
}

.add-new-param .text {
	background: #fff;
	color: #2dc09b;
	padding: 3px 10px;
	border-radius: 2px;
	cursor: pointer;
	border: 1px solid #2dc09b
}

.add-new-param .text:hover {
	border: 1px solid #2dc09b;
	background: #2dc09b;
	color: #fff
}

.window .window-header .panel-icon {
	font-size: 16px
}

.tree-file:not ([class*=icon-] ){
	background:
		url()
		no-repeat
}

#dlgLibs .icon16 {
	font-size: 16px;
	color: #0159e3
}

#dlgLibs .icon-heart, #dlgLibs .icon-heart-broken, .icon-heart,
	.icon-heart-broken {
	color: #f75e5e
}

#designManager .tree-file.icon-no {
	background: red;
	border-radius: 50%;
	position: relative
}

#designManager .tree-file.icon-no:after, #designManager .tree-file.icon-no:before
	{
	position: absolute;
	left: 2px;
	top: 50%;
	content: "";
	margin-top: -1px;
	width: 80%;
	border-top: 2px solid #fff
}

#designManager .tree-file.icon-no:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

#designManager .tree-file.icon-no:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

#designManager .tree-file.icon-eda-cancel {
	color: red
}

#designManager .tree-file.icon-eda-eelib {
	background: 0 0
}

.tree-icon.icon-eda-eelib, .tree-icon.icon-eda-sch {
	color: #0159e3
}

.tree-icon.icon-eda-pcb {
	color: #48ca45
}

@
-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0)
}

to {
	-webkit-transform: rotate(360deg)
}

}
.rotation {
	-webkit-transform: rotate(360deg);
	animation: rotation 1.4s linear infinite;
	-moz-animation: rotation 1.4s linear infinite;
	-webkit-animation: rotation 1.4s linear infinite;
	-o-animation: rotation 1.4s linear infinite
}

#find-similar .custom .line>div:first-child, .attrarea .custom .line>div:first-child
	{
	text-transform: capitalize
}

.tree-icon.icon-eda-eelib, .tree-icon.icon-eda-pcb, .tree-icon.icon-eda-sch
	{
	background: 0 0
}

#histories-list table {
	width: 100%;
	border-collapse: collapse
}

#histories-list table td {
	border: #ccc solid 1px;
	padding: 2px 5px;
	box-sizing: border-box
}

#histories-list .avator {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	float: left
}

#histories-list .nickname {
	vertical-align: middle;
	display: inline-block;
	line-height: 24px;
	margin-left: 5px
}

#histories-list .datagrid-view1 {
	width: 0 !important;
	display: none
}

#toolbar-common .icon-eda-help3 {
	font-size: 20px !important
}

#toolbar-common a.l-btn.l-btn-disabled {
	color: #ccc
}

#toolbar-common a.l-btn.l-btn-disabled .m-btn-downarrow {
	border-top: 3px solid #ccc
}

#toolbar-common .menu-more-container a.l-btn.l-btn-disabled {
	color: #333;
	opacity: 1
}

#toolbar-common .menu-more-container a.l-btn-disabled {
	cursor: pointer
}

#toolbar-common .menu-more-container a.l-btn.l-btn-disabled .m-btn-downarrow
	{
	border-top: 3px solid #333
}

#download-client-btn, #register-btn {
	background-color: #fa7701;
	color: #fff;
	border-radius: 5px;
	height: 30px;
	line-height: 31px;
	text-decoration: none;
	padding: 7px 10px;
	font-weight: 700
}

#register-btn {
	margin-right: 15px
}

#login-btn {
	text-decoration: none;
	color: #444;
	margin-right: 12px;
	border: 0
}

#tabbar .icon-eda-noflag {
	font-size: 16px;
	font-weight: 700;
	margin-top: 3px;
	margin-left: 0
}

#toolbar-pcblayer-tbl table td {
	border: #ccc solid 1px;
	padding: 2px 5px;
	box-sizing: border-box
}

#toolbar-pcblayer-tbl table {
	width: 100%;
	border-collapse: collapse
}

.window input:focus, .window select:focus {
	background: #fff
}

#editSymbol {
	margin: 5px 0
}

#attr-part-common-name, #attr-part-common-prefix {
	margin: 3px 0
}

.one-time-tip {
	display: block;
	position: absolute;
	top: 120px;
	left: 450px;
	text-align: center;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	padding: 10px;
	z-index: 4
}

.one-time-tip em {
	color: #ff0;
	font-size: 20px
}

.one-time-tip .panel-tool {
	opacity: .6
}

.one-time-tip .panel-tool:hover {
	opacity: 1
}

.one-time-tip .btn+div {
	position: relative;
	bottom: -8px
}

.one-time-tip .btns {
	position: relative;
	bottom: -8px
}

label.label {
	cursor: pointer;
	overflow: hidden;
	display: inline-block
}

label.label>input {
	float: left;
	margin-right: 5px;
	margin-top: 0
}

label.label>span {
	float: left
}

#dlgSCHLibWizard .img img {
	height: 100%
}

#dlgSCHLibWizard .img {
	height: 100px;
	margin-right: 50px
}

#update_lib_list li {
	overflow: hidden
}

#update_lib_list label input, #update_library label>span {
	float: left
}

#update_library label>span {
	margin-top: 2px
}

#dlgPanelize .box {
	border: 1px solid #ddd;
	padding: 20px 10px;
	margin-top: 20px;
	position: relative
}

#dlgPanelize .type label {
	overflow: hidden;
	display: inline-block;
	cursor: pointer
}

#dlgPanelize .type label span {
	margin-top: 3px
}

#dlgPanelize .box .line {
	overflow: hidden;
	min-height: 28px;
	line-height: 28px;
	margin: 5px 0
}

#dlgPanelize .box .line input, #dlgPanelize .box .line select {
	width: 140px
}

#dlgPanelize .box>.title {
	padding: 5px 10px;
	background: #f9f9f9;
	position: absolute;
	top: -12px;
	left: 20px
}

.teardrop-head-container {
	margin: 20px;
	border: 1px solid #ddd;
	padding: 15px
}

#teardropRoundDiagram polyline {
	shape-rendering: crispEdges
}

#teardropRoundDiagram text {
	display: inherit
}

#dlg-theme #dlg-theme-setting-list-items div.dlg-theme-setting-list-item
	{
	padding: 5px 10px
}

.dialog-theme-tab {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 24px;
	z-index: 1;
	background: #f9f9f9;
	display: none
}

#dlg-theme #dlg-theme-setting-list-items div.dlg-theme-setting-list-item.active
	{
	background-color: #58f;
	color: #fff
}

#dlg-theme #dlg-theme-setting-list-items div.dlg-theme-setting-list-item:hover
	{
	background-color: #eee
}

#dlg-theme #dlg-theme-setting-list-items div.dlg-theme-setting-list-item.active:hover
	{
	background-color: #7c9eff
}

#dlg-theme .dlg-theme-setting-item-group>div {
	display: flex;
	justify-content: space-between;
	align-items: center
}

#dlg-theme .dlg-theme-setting-item-group .item-child {
	padding-left: 1em
}

#dlg-theme .dlg-theme-setting-item-group button[disabled] {
	cursor: not-allowed
}

#dlgTeardrop fieldset[disabled] {
	color: #aaa;
	border-color: #eee
}

#dlgTeardrop fieldset[disabled] input {
	color: #aaa
}

#dlgVerifyPackage .datagrid-sort-icon {
	display: none
}

#editPathPoints-Editor, #editPathPoints-Preview {
	display: inline-block;
	height: 420px;
	border: 1px solid #ddd
}

#editPathPoints-Preview {
	width: 40%
}

#editPathPoints-Editor {
	width: 59%;
	overflow: auto
}

#editPathPoints-Editor-Table input[type=text] {
	width: 60px
}

#editPathPoints-Editor-Table td, #editPathPoints-Editor-Table th {
	text-align: center
}

#editPathPoints-Editor-Table span[data-cmd] {
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	font-size: 1.5rem
}

#editPathPoints-Editor-Table td, #editPolygonHolePosition th {
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee
}

#editPolygonPoints-Editor, #editPolygonPoints-Preview {
	display: inline-block;
	height: 420px;
	border: 1px solid #ddd
}

#editPolygonPoints-Preview {
	width: 40%
}

#editPolygonPoints-Editor {
	width: 59%;
	overflow: auto
}

#editPolygonPoints-Editor-Table input[type=text] {
	width: 60px
}

#editPolygonPoints-Editor-Table td, #editPolygonPoints-Editor-Table th {
	text-align: center
}

#editPolygonPoints-Editor-Table span[data-cmd] {
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
	font-size: 1.5rem
}

#editPolygonPoints-Editor-Table td {
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee
}

.for-focus {
	width: 0;
	height: 0;
	position: absolute;
	top: -100px
}

#distribute .box {
	border: 1px solid #ddd;
	padding: 20px 10px;
	margin-top: 20px;
	position: relative
}

#distribute .type label {
	overflow: hidden;
	display: inline-block;
	cursor: pointer
}

#distribute .type label span {
	margin-top: 3px
}

#distribute .box .line {
	overflow: hidden;
	min-height: 28px;
	line-height: 28px;
	margin: 5px 0
}

#distribute .box .line input, #distribute .box .line select {
	width: 140px
}

#distribute .box>.title {
	padding: 5px 10px;
	background: #f9f9f9;
	position: absolute;
	top: -12px;
	left: 20px
}

#dlgAutoRouterConfig .box .line {
	overflow: hidden;
	min-height: 35px;
	line-height: 35px;
	position: relative
}

#dlgAutoRouterConfig .box .line>input[type=text] {
	width: 100px;
	margin-top: 2px
}

#dlgAutoRouterConfig input[type=radio] {
	padding: 0;
	margin: 0 3px 0 0
}

#dlgAutoRouterConfig .box .title {
	position: absolute;
	top: 0;
	left: 0
}

.ml-175 {
	margin-left: 175px
}

.specialNets td {
	padding-top: 5px;
	padding-right: 10px
}

.specialNets div[data-id=selectNets] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80px
}

.specialNets th {
	width: 90px
}

.specialNets input, .specialNets select {
	width: 80px
}

a.dlg-help-btn.l-btn {
	background: 0 0 !important
}

.dialog-button a.dlg-help-btn.l-btn, .messager-button a.dlg-help-btn.l-btn,
	.messager-button a.l-btn-help.l-btn {
	color: #2875ec;
	padding-right: 5px
}

.dialog-button .icon-eda-help3, .messager-button .icon-eda-help3 {
	font-size: 20px !important
}

.dialog-button a.dlg-help-btn span.l-btn-left, .messager-button a.dlg-help-btn span.l-btn-left
	{
	padding-left: 5px
}

.editorMsgbox {
	background: rgba(255, 255, 255, .5);
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 15px;
	line-height: 1.5em;
	display: inline-block;
	position: absolute
}

.drc-rule-container {
	display: inline-block;
	vertical-align: top
}

.drc-rule-container-left {
	width: 71%
}

.drc-rule-container-right {
	width: 28%;
	margin-left: 7px
}

#drc-rule-table td, #drc-rule-table th {
	text-align: center
}

#drc-rule-setting-table-header {
	width: 100%
}

.drc-rule-panel-margin-botton {
	margin-bottom: 10px
}

#drc-rule-setting-table tbody tr.selected, #drc-rule-table tbody tr.selected
	{
	background: #58f;
	color: #fff
}

#drc-rule-setting-apply {
	float: right;
	margin-top: 2px
}

#drc-rule-net-filter-clear, #drc-rule-net-filter-search {
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: 0 0;
	border: none;
	position: absolute;
	right: 0;
	top: 6px
}

.route-length-head-container {
	margin: 20px;
	border: 1px solid #ddd;
	padding: 15px
}

#dlgRouteLength legend {
	padding: 0 10px
}

#floatingInfoPanel {
	display: none;
	position: absolute;
	font-size: 15px;
	background: rgba(255, 255, 255, .5);
	border-radius: 5px;
	padding: 20px
}

#floatingInfoPanel span.bold {
	font-weight: 700
}

#copper-area-manager-info .copper-tip {
	text-align: center;
	margin-top: 15px
}

#copper-area-manager-info .no-copper {
	display: none
}

#copper-area-manager-info .info-show {
	display: inline-block;
	width: 55px;
	margin: 0 5px 10px 5px;
	text-align: center
}

#copper-area-manager-info .info-input-1 {
	display: inline-block;
	width: 100px;
	margin: 0 5px 10px 5px;
	text-align: center
}

#copper-area-manager-info .info-input-2 {
	display: inline-block;
	width: 75px;
	margin: 0 5px 10px 5px;
	text-align: center
}

#copper-area-manager-info .info-layer-color:before {
	content: "\200D"
}

#copper-area-manager-info input, #copper-area-manager-info select {
	width: 100%
}

#copper-area-manager-info .info-layer {
	padding-top: 10px
}

#copper-area-manager-info .info-layer:hover {
	background: #bde
}

#copper-area-manager-info .info-layer.copper-selected {
	background: #58f
}

#dlgReportError {
	line-height: 30px
}

#dlgReportError .report-error-datasheet, #dlgReportError .report-error-package,
	#dlgReportError .report-error-title {
	width: 321px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#dlgReportError .report-error-datasheet a {
	text-decoration: none
}

#dlgReportError .label-box {
	width: 65px
}

#dlgReportError .label-box-2 {
	margin-right: 10px
}

#dlgReportError .report-error-head-container {
	border: 1px solid #ddd
}

#dlgReportError {
	margin-top: 10px
}

#dlgReportError .report-error-package, #dlgReportError .report-error-title
	{
	height: 29px
}

#arcSolderMask.attr-area-btn-disabled, #attr-plane-report-error.report-error-btn-disabled,
	#batch-place-vias.attr-area-btn-disabled, #editor-start-page a.btn-disabled,
	#rectSolderMask.attr-area-btn-disabled, #solidregionSolderMask.attr-area-btn-disabled,
	#trackSolderMask.attr-area-btn-disabled, #viaSolderMask.attr-area-btn-disabled
	{
	color: #ada9a9 !important;
	border-color: #d1d1d1 !important;
	background: #ddd !important;
	cursor: default
}

#dlgFindComponent .find-from {
	margin-top: 3px
}

#dlgFindComponent label {
	margin: 0 10px
}

#dlgFindComponent label span {
	position: relative;
	top: -3px
}

#dlgFindComponent #find-text {
	width: 270px
}

#dlgFindComponent .disabled {
	display: none
}

.browser-link {
	line-height: 1.5em;
	padding-left: 10px;
	margin-top: 10px
}

#dlgExportBOM td>div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[fill=none] {
	fill: none !important
}

#dlgLayerOptionsSetTable input, #dlgLayerOptionsSetTable td,
	#dlgLayerOptionsSetTable th {
	text-align: center
}

#dlgLayerOptionsSetLayerSelectContainer {
	padding: 10px
}

#dlgLayerOptionsSetTableContainer {
	height: 422px;
	overflow: auto
}

#dlgLayerOptionsSetTable {
	width: 100%
}

.layout-toggler-design-manager {
	position: relative;
	z-index: 1;
	padding: 0;
	margin: 0;
	font-size: 1px;
	overflow: hidden;
	border: none;
	cursor: pointer;
	height: 4px;
	width: 100%;
	cursor: row-resize;
	background: #e0e0e0 url(../images/sizebar.png)
}

.layout-toggler-design-manager.close, .layout-toggler-design-manager.dragging,
	.layout-toggler-design-manager:hover {
	visibility: visible;
	background: #d1d1d1 url(../images/sizebar.png)
}

.layout-toggler-design-manager>div {
	position: absolute;
	padding: 0;
	margin-left: -25px;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	height: 3px;
	width: 50px;
	left: 50%;
	background: #eee;
	border: 1px solid #796c6c;
	box-sizing: border-box
}

.layout-toggler-design-manager.close>div, .layout-toggler-design-manager:hover>div
	{
	display: block
}

#designManager_top.close {
	height: calc(50% - 30px) !important
}

#designManager_bottom.close {
	height: calc(50% - 36px) !important
}

#designManagerIconTop a {
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 16px
}

#designManager_footer {
	background: #fff3cd;
	color: #856404;
	padding: .8em;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none
}

.lib3d-list {
	line-height: 1.8em;
	height: 220px;
	overflow: auto;
	padding: 10px 0;
	box-sizing: border-box;
	border: 1px solid #ddd
}

.lib3d-list ul li {
	list-style-type: none
}

.attrarea .c_para a[name=link] {
	width: 95%;
	text-align: left;
	float: right
}

#dlgUpdatePackage .datagrid-row-selected {
	background: #f9f9f9;
	color: #333
}

#footprint_r_g text {
	fill: #fff
}

.tab[show-to] {
	background: #dae4fd
}

.tab[show-to].active {
	background: #fff
}

#dlgUpdatePackage div.datagrid-header td[field]:not ([field=checked] ){
	background: #dae4fd;
	border: solid 1px #ccc
}

#dlgUpdatePackage .datagrid-header-over {
	background: #ebf3fd !important
}

#dlgUpdatePackage .bottom span.tab[show-to] {
	line-height: 30px;
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	float: left;
	padding-left: 10px;
	border-right: 1px solid #ddd;
	cursor: pointer
}

#dlgUpdatePackage .bottom .right .datagrid-header {
	height: 0 !important
}

#pad_size_toggle g[unit]:hover {
	cursor: pointer
}

.panel.window .toggle-size {
	font-size: 12px;
	color: #58f;
	cursor: pointer;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #aaa;
	margin-top: -1px
}

.panel.window .toggle-size:hover {
	background: #58f;
	color: #fff
}

#mini-dlgLibs-box span.tab {
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	float: left;
	border-bottom: 1px solid #ccc;
	background: #ddd;
	cursor: pointer
}

#mini-dlgLibs-box span.tab.select {
	border-left: 1px solid #ccc
}

#mini-dlgLibs-box span.tab.active {
	border-bottom: none;
	background: 0 0
}

#mini-dlgLibs-box>header {
	margin-bottom: 5px;
	overflow: hidden
}

#mini-dlgLibs-box .search-input {
	position: relative;
	margin-top: 10px;
	margin-bottom: 12px
}

#mini-dlgLibs-box .search-input input {
	width: 95%;
	border: none;
	border-bottom: 1px solid #ccc;
	background: 0 0;
	margin: 0 auto;
	display: block
}

#mini-dlgLibs-box .search-input button {
	background: 0 0;
	border: none;
	position: absolute;
	top: 5px;
	width: 18px;
	padding: 0;
	padding-top: 2px
}

#mini-dlgLibs-box .line {
	padding: 0 5px;
	margin: 10px 5px;
	position: relative
}

#mini-dlgLibs-box .line input, #mini-dlgLibs-box .line select {
	float: right;
	width: 220px
}

#mini-dlgLibs-box .line input {
	padding-right: 15px
}

#mini-dlgLibs-box .line span {
	line-height: 30px
}

#mini-dlgLibs-box .mini-lib-list>header span {
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	float: left;
	border: 1px solid #ccc;
	background: #eee
}

#mini-dlgLibs-box .mini-lib-list>header {
	overflow: hidden
}

#list-libs {
	width: 100%
}

#list-libs tbody {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

#list-libs td {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0 5px;
	overflow: hidden;
	word-break: break-all
}

#list-libs td>div {
	word-break: keep-all;
	word-wrap: normal;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden
}

#list-libs td span.title {
	word-break: keep-all;
	word-wrap: normal;
	text-overflow: ellipsis;
	width: calc(100% - 20px);
	display: inline-block;
	overflow: hidden
}

#list-libs .sub td span.title {
	width: calc(100% - 40px)
}

#list-libs td i {
	float: left;
	display: inline-block
}

#dlgLibs-mini-preview {
	overflow: hidden
}

#dlgLibs-tags-list {
	border: 1px solid #ddd;
	position: fixed;
	background: #fff;
	padding: 5px;
	width: 500px;
	height: 500px;
	overflow: auto
}

#mini-dlgLibs-box .mini-lib-list .container {
	height: calc(100% - 30px);
	background: #fff;
	border-bottom: 1px solid #ccc;
	overflow-x: hidden;
	overflow-y: auto
}

#list-libs tr {
	height: 25px;
	cursor: pointer
}

#list-libs tr:hover {
	background: #f5f5f5
}

#dlgLibs-summary a {
	text-decoration: none
}

#mini-dlgLibs-box .tags .slide {
	top: 3px;
	right: 24px;
	position: absolute
}

#mini-dlgLibs-box .toggle {
	position: absolute;
	content: "";
	border-top: 6px solid #000;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	left: 6px;
	top: 8px
}

#dlgLibs .dialog-content {
	overflow: hidden
}

#dlgLibs-tags {
	width: 200px;
	height: 100%;
	float: left;
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden
}

#dlgLib-lcsc-nav {
	clear: both;
	margin-top: 10px
}

#dlgLibs-tags .treefilter {
	width: 97%;
	border-radius: 0;
	margin: 5px auto;
	display: block;
	padding-right: 25px
}

#dlgLibs-tags .treefilterclear {
	top: 5px
}

#dlgLibs-list, #dlgLibs-middle>div {
	height: 100%
}

#global-products {
	overflow: hidden;
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
	background-color: #fcfcfc
}

#global-products .select-resize {
	float: left;
	margin-top: 80px;
	height: 18px;
	width: 18px;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0;
	text-shadow: none;
	padding: 0;
	border: 0
}

#global-products .select-wrap {
	margin-left: 25px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	position: relative;
	min-height: 138px
}

#global-products .select-resize span {
	display: block;
	height: 100%;
	width: 100%;
	border: 1px solid #ccc;
	margin-left: 5px;
	font-size: 14px
}

#global-products .select-wrap .select {
	display: inline-block;
	margin-left: 3px;
	margin-right: 3px;
	color: #666;
	min-width: 23%
}

#global-products .select-wrap .select h2 {
	overflow-x: hidden;
	text-overflow: clip;
	white-space: nowrap;
	margin: 0;
	padding: 8px 0;
	font-size: 14px;
	color: #444
}

#global-products .select-wrap .select .sea-wrap {
	position: relative
}

#global-products .select-wrap .select .sea-wrap input {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #57657a;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	padding: 5px;
	outline: 0;
	width: 100%;
	padding-right: 22px;
	box-sizing: border-box;
	height: 20px;
	border-radius: 0
}

#global-products .select-wrap .select .sea-wrap span.sea-icon {
	position: absolute;
	width: 18px;
	height: 18px;
	right: 4px;
	top: 4px
}

#global-products .select ul li.active, #global-products .select ul li.active:hover
	{
	background: #0093e6;
	color: #fff
}

#global-products .select div.name-scroll.longer {
	height: 310px;
	transition-property: height;
	transition-duration: .2s;
	transition-delay: 0s;
	transition-timing-function: ease-in-out
}

#global-products .select div.name-scroll {
	height: 80px;
	overflow-y: auto;
	overflow-x: hidden;
	transition-property: height;
	transition-duration: .2s;
	transition-delay: 0s;
	transition-timing-function: ease-in-out;
	border: 1px solid #e7e7e7;
	border-top: 0
}

#global-products .select ul.name {
	background: #fcfcfc;
	min-height: 100%;
	padding: 0
}

#global-products .select ul li {
	cursor: pointer;
	padding: 2px 20px 2px 4px;
	display: block;
	white-space: nowrap;
	box-sizing: border-box
}

#global-products .select ul li.disabled {
	background: #fff;
	color: #b1b1b1
}

#global-products .key-word {
	margin: 0 0 10px 0;
	padding-left: 28px;
	overflow: hidden;
	position: relative
}

#global-products .key-word-wp {
	margin-right: 100px;
	margin-bottom: 5px;
	display: block;
	padding: 5px 5px 5px 0;
	font-size: 12px;
	zoom: normal;
	white-space: normal
}

#global-products .key-word-wp>span {
	position: relative;
	display: inline-block;
	padding: 0 16px 0 10px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #e3e3e3;
	background-color: #fff;
	cursor: default;
	margin-right: 3px;
	margin-bottom: 3px
}

#global-products .key-word-wp>span .clear-one {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 12px;
	width: 11px;
	background: #ddd;
	color: #fff;
	cursor: pointer
}

#global-products .key-word-wp>span:hover .clear-one {
	background: #0093e6
}

#global-products .key-word-wp>span:hover {
	border: 1px solid #0093e6
}

#global-products .key-word .clear-btn, #global-products .key-word .make-sure-btn
	{
	box-sizing: border-box;
	height: 25px;
	line-height: 23px;
	border: 0;
	font-size: 12px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

#global-products .key-word .clear-btn {
	margin-right: 10px;
	border: 1px solid #0093e6;
	background: #e1f6fe
}

#global-products .key-word .make-sure-btn {
	border: 1px solid #ff7800;
	background: #ff7800;
	color: #fff
}

#global-products .key-word .results {
	position: relative;
	left: 20px;
	top: 3px
}

#global-products .key-word .clear-btn:hover {
	color: #fff;
	background: #0093e6
}

#global-products .select ul li.disabled:hover {
	background: #fff;
	color: #b1b1b1;
	cursor: auto
}

#global-products .select ul li:hover {
	color: #0093e6
}

#global-products .key-word .results .num {
	color: #ff7800;
	font-size: 16px
}

#dlgLibs-middle a {
	text-decoration: none
}

#shop_list .inside {
	position: relative;
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #e9e9e9
}

#shop_list .inside.active, #shop_list .inside:hover {
	z-index: 1;
	box-shadow: 0 0 1px 2px #eee
}

#shop_list .inside td {
	box-sizing: border-box;
	vertical-align: top
}

#shop_list .one {
	width: 11%;
	padding-left: 15px
}

#shop_list .one img {
	width: 90px;
	height: 90px;
	float: left;
	overflow: hidden
}

#shop_list .one span {
	width: 90px;
	float: left;
	margin: 8px 0
}

#shop_list .db, #shop_list .sc {
	float: left;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-right-color: transparent;
	height: 20px;
	width: 45px;
	color: #999;
	font-size: 12px;
	cursor: pointer
}

#shop_list .two {
	width: 40%;
	padding-left: 18px;
	max-width: 421px
}

#shop_list .two-tit {
	font-size: 14px
}

#shop_list .ellipsis {
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden
}

#shop_list .two_01 {
	width: 100%;
	margin-top: 10px;
	overflow: hidden
}

#shop_list .l02_zb {
	width: 42%;
	float: left
}

#shop_list .two_01 ul li {
	box-sizing: border-box;
	width: 100%;
	max-width: 205px;
	height: 26px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 8px
}

#shop_list .l02_yb {
	width: 58%;
	float: left
}

#shop_list .two_01 .l02_yb li {
	max-width: 236px;
	padding-right: 0
}

#shop_list .c9a9a9a {
	color: #9a9a9a
}

#shop_list .band a {
	width: 110px;
	display: inline-block;
	vertical-align: bottom;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#shop_list .lower {
	width: 100%
}

#shop_list .mt8 {
	margin-top: 8px
}

#shop_list .lower .btn-wrapper a {
	margin-right: 10px;
	color: #0093e6
}

#shop_list .lower .tag-wrapper>span {
	box-sizing: border-box;
	padding: 2px 10px;
	border: 1px solid;
	border-radius: 2px
}

#shop_list .lower .tag-wrapper {
	margin-top: 14px
}

#shop_list ul {
	padding: 0
}

#shop_list .inside td {
	box-sizing: border-box;
	vertical-align: top
}

#shop_list .three {
	width: 29%
}

#shop_list .three_nr {
	width: 100%;
	float: left
}

#shop_list .three_nr li {
	height: 26px;
	list-style: none
}

#shop_list .three_nr li p {
	float: left;
	width: 60%;
	text-align: right;
	margin: 0
}

#shop_list .three_nr .ccd {
	float: left;
	width: 40%;
	color: #ff7900
}

#shop_list .ffour {
	width: 19%;
	padding-right: 10px
}

#shop_list .pan {
	height: 135px;
	float: right;
	text-align: right
}

#shop_list .pan .pan_list {
	width: auto;
	min-width: 125px;
	height: 26px;
	float: right;
	display: block;
	position: relative
}

#shop_list .goldenrod {
	color: #ff7800
}

#shop_list .sold_note {
	float: left;
	position: absolute;
	z-index: 3;
	right: 0;
	top: 30px;
	display: none
}

#shop_list .pan_list button {
	width: 92px;
	height: 33px;
	border: 0;
	border-radius: 2px;
	background: #ff7800;
	color: #fff
}

#shop_list .pan_list button.disabled {
	background: #bdbdbd
}

#shop_list .easyeda .column {
	float: left;
	overflow: hidden
}

#shop_list .easyeda .column.three {
	padding-right: 10px
}

#shop_list .easyeda .row, #shop_list .easyeda header {
	overflow: hidden
}

#shop_list .easyeda .row {
	padding: 10px 0;
	font-size: 14px
}

#shop_list .easyeda .row:nth-child(odd) {
	background: #fff
}

#shop_list .easyeda a {
	color: #4977ff
}

#shop_list .easyeda header {
	line-height: 40px;
	background: #444;
	color: #fff;
	font-size: 15px
}

#shop_list .easyeda .column a {
	color: #0093e6;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	line-height: 1.5em
}

#shop_list .easyeda .column.four a {
	width: 80%;
	display: block
}

#shop_list .easyeda .column.five a {
	margin-bottom: 20px;
	display: block
}

#shop_list .easyeda .one .count {
	width: 62px;
	float: left;
	margin: 0
}

#shop_list .easyeda .one .price li {
	margin-bottom: 6px
}

#shop_list .more-price {
	color: #0093e6;
	cursor: pointer
}

#shop_list .easyeda .price {
	margin-left: 5px
}

#shop_list .easyeda .one .img, #shop_list .easyeda .price {
	padding: 0;
	float: left;
	position: relative
}

#shop_list .easyeda .one .img .rohs {
	position: absolute;
	width: 18px;
	height: 22px;
	top: 0;
	left: 0
}

#shop_list .easyeda .price li {
	list-style: none
}

#shop_list .easyeda .two span {
	display: block;
	color: #31b931;
	font-weight: 700;
	margin-bottom: 10px
}

#shop_list .easyeda .two .red {
	color: red
}

#shop_list .easyeda header .one {
	text-align: center
}

#shop_list .easyeda .column {
	width: 17.5%
}

#shop_list .easyeda .column.two {
	width: 16.5%
}

#shop_list .easyeda .one {
	width: 31%
}

#lcsc-page-wraper {
	margin: 20px 0
}

#dlgLibs-middle .for-lcsc .page {
	text-align: left;
	margin: 5px auto 0 auto;
	float: right;
	height: 30px;
	padding-bottom: 5px
}

#dlgLibs-middle .for-lcsc .page .total_page {
	margin-right: 12px
}

#dlgLibs-middle .for-lcsc .page a:hover {
	color: #0093e6
}

#dlgLibs-middle .for-lcsc .page a.no-link {
	color: #ccc;
	border: 1px solid #ddd;
	cursor: default
}

#dlgLibs-middle .for-lcsc .page a, #dlgLibs-middle .for-lcsc .page span
	{
	padding: 7px 12px;
	margin-right: 12px;
	border: 1px solid #ccc
}

#dlgLibs-middle .for-lcsc .page .active {
	border-color: #0093e6;
	color: #fff;
	background: #0093e6
}

#dlgLibs-middle .for-lcsc .page a {
	color: #444;
	text-decoration: none;
	cursor: pointer
}

#dlgLibs-middle .img_show {
	width: 340px;
	z-index: 999999
}

#dlgLibs-middle .img_show1 {
	float: left;
	height: 366px;
	width: 15px;
	position: relative
}

#dlgLibs-middle .img_show1 b {
	width: 11px;
	height: 10px;
	float: right;
	border-right: 8px solid #ccc;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	margin-top: 165px;
	position: relative
}

#dlgLibs-middle .img_show1 b:after {
	border-right: 7px solid #fff;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	top: -7px;
	left: 4px;
	content: '';
	position: absolute
}

#dlgLibs-middle .img_show2 {
	float: left;
	background: #fff;
	width: 318px;
	border: 1px solid #cecbce;
	text-align: center;
	padding-top: 10px;
	margin-left: -1px;
	box-shadow: 0 0 1px 2px #eee
}

#dlgLibs-middle .img_show2 span {
	word-wrap: break-word
}

#dlgLibs-middle .img_show2 span img {
	width: 300px;
	height: 300px
}

#dlgLibs-middle .show_switch {
	padding: 8px 8px 5px 9px;
	overflow: hidden
}

#dlgLibs-middle .img_left {
	width: 14px;
	height: 28px;
	float: left;
	margin-top: 8px
}

#dlgLibs-middle .img_left a, #dlgLibs-middle .img_right a {
	width: 14px;
	height: 28px;
	float: left;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-right: 13px solid #ccc;
	position: relative
}

#dlgLibs-middle .img_left a:after, #dlgLibs-middle .img_right a:after {
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 9px solid #fff;
	position: absolute;
	left: 5px;
	top: -8px;
	content: ''
}

#dlgLibs-middle .img_right a {
	float: left;
	border-left: 13px solid #ccc;
	border-right: none
}

#dlgLibs-middle .img_right a:after {
	border-left: 9px solid #fff;
	border-right: none;
	left: -13px
}

#dlgLibs-middle .img_right {
	width: 14px;
	height: 28px;
	float: left;
	margin-top: 8px
}

#dlgLibs-middle .img_cont {
	width: 250px;
	float: left;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden
}

#dlgLibs-middle .img_cont img {
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
	vertical-align: middle
}

#dlgLibs-middle .img_chc {
	height: 40px;
	width: 40px;
	border: 1px solid #a9a9a9
}

#dlgLibs-middle .img_cls {
	height: 38px;
	width: 38px;
	border: 2px solid #0093e6
}

#dlgLib-lcsc-imgs {
	position: fixed
}

#hint_down {
	padding: 0 0 20px 0;
	background: #fff
}

#schCanvas {
	margin-left: 3%
}

#hint_down div.lcedaCanvas {
	border: 1px solid #d9d9d9;
	width: 46%;
	height: 366px;
	display: inline-block;
	margin-right: 10px;
	margin-top: 20px;
	float: left
}

#hint_down .lcedaCanvas, #hint_down .lcedaCanvas div {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none
}

#hint_down div.canvasBorder {
	margin-top: 0;
	width: 366px;
	height: auto
}

#hint_down .rootControl {
	position: absolute;
	bottom: 18%
}

#hint_down .rootControl span {
	cursor: pointer;
	display: inline-block
}

#hint_down .rootControl .control {
	font-size: 20px;
	color: #239be4
}

#hint_down .rootControl1 {
	left: 40%
}

#hint_down .rootControl2 {
	right: 4%
}

#dlgLib-lcsc-place {
	margin: 0 auto;
	background-color: #fa7701;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	width: 138px;
	height: 28px;
	border-radius: 8px;
	padding-top: 8px;
	cursor: pointer
}

#dlgLib-lcsc-place a, #dlgLib-lcsc-place a:hover {
	color: #fff
}

#search_tip_list {
	position: absolute;
	width: 446px;
	top: 45px;
	border: 1px solid #d2d2d2;
	background: #fff;
	z-index: 9999;
	border-top: 0;
	margin-left: 1px;
	display: none
}

#search_tip_list ul li {
	height: 27px;
	line-height: 27px;
	padding: 0 4px;
	cursor: pointer
}

#search_tip_list ul li:hover {
	background: #87cefa
}

#search_tip_list ul li .search_word {
	float: left
}

#search_tip_list li, #search_tip_list ul {
	list-style-type: none
}

#search_tip_list ul {
	padding: 0
}

#search_tip_list ul li .search_num {
	float: right;
	color: grey;
	font-size: 12px
}

#search_tip_list ul li .search_num i {
	color: #00f;
	font-style: normal
}

.hightlight {
	background: #ff0
}

#mini-dlgLibs-box {
	height: 100%
}

#mini-dlgLibs-box .mini-lib-list {
	height: calc(100% - 255px)
}

.flex-wrap {
	display: flex
}

.align-items-center {
	align-items: center;
	margin: 0 0 5px 0
}

.oscilloscope-buttons, .oscilloscope-table, .oscilloscope-time {
	border: 1px solid #ddd;
	padding: 0 10px;
	margin: 0 2px
}

.oscilloscope-time button {
	padding: 0 3px
}

.oscilloscope-buttons {
	display: flex;
	flex-direction: column;
	justify-content: space-around
}

.flex-1, .oscilloscope-table {
	flex: 1
}

#logic-analyzer-table, .oscilloscope-table table {
	width: 100%
}

#logic-analyzer-table td, #logic-analyzer-table th, .oscilloscope-table td,
	.oscilloscope-table th {
	padding: 2px 10px;
	text-align: center
}

.time-gap {
	display: inline-block;
	width: 100%;
	text-align: center
}

.flex-wrap fieldset:last-child {
	flex-grow: 1
}

.flex-wrap fieldset {
	border: 1px solid #ddd;
	flex: 1;
	padding: 0 5px 5px 5px;
	margin-bottom: 5px
}

.left-caret {
	vertical-align: middle;
	display: inline-block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #333
}

.right-caret {
	display: inline-block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #333;
	vertical-align: middle
}

#track-width-panel-wrap {
	padding: 1em;
	border-radius: 5px;
	z-index: 1
}

#track-width-panel-wrap tr:hover {
	background: #0093e6;
	color: #fff
}

#track-width-panel-wrap tr td:first-child {
	border-right: 1px solid #ddd
}

#track-width-panel-wrap tr td {
	padding: 0 1em;
	border-bottom: 1px solid #ddd;
	text-align: right
}

#track-width-panel-wrap tr:last-child td {
	border-bottom: none
}

g[c_etype=outline3D] polyline {
	pointer-events: none;
	stroke-width: 1;
	vector-effect: non-scaling-stroke
}

#pcblayerTabs .tabs li {
	border: none;
	border-left: 1px solid #d1d1d1
}

#pcblayerTabs .tabs li.tabs-selected {
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #fff
}

#pcblayerTabs .tabs {
	border-bottom: none
}

#autoRouteResult .dialog-button {
	text-align: center
}

.preview-3d-area {
	padding-top: 40px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ddd
}

.findlib-3d-preview {
	white-space: normal
}

#mm-common-user .menu-item {
	height: 28px
}

#mm-common-user .work-bench-title .menu-text {
	color: #000;
	font-weight: 700;
	position: relative;
	left: -21px
}

#mm-common-user .work-bench-title:hover {
	background: inherit
}

#mm-common-user [cmd^="toUserCenterWorkBench("] .menu-text,
	#mm-common-workbench [cmd^="toggleWorkBench("] .menu-text {
	text-overflow: ellipsis;
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden
}

#mm-common-user .menu-icon {
	top: 3px;
	font-size: 16px
}

#toolbar-common-workbench {
	position: relative;
	border: 0;
	top: 1px
}

#toolbar-common-workbench .l-btn-text span {
	display: inline-block
}

#organization {
	width: 100%;
	display: inline-block;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	top: 2px
}

#saveAs_owner, #saveAs_pid {
	width: 100%;
	margin: 0 0 3px 0;
	border-radius: 3px;
	padding: 3px 5px;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	background: #fff;
	box-shadow: none
}

iframe.for3dview {
	pointer-events: none
}

#pad_map .for-3d {
	position: relative;
	height: 100%
}

.for3dviewdiv>.icon-eda-refresh {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 20px;
	cursor: pointer
}

#SystemSettingDlg .line {
	min-height: 35px;
	margin-bottom: 10px
}

#SystemSettingDlg .line>span {
	margin: 7px 0 0 0;
	display: inline-block;
	width: calc(100% - 20px)
}

#SystemSettingDlg .line>input[type=checkbox] {
	width: 15px;
	height: 15px;
	position: relative;
	margin: 0;
	margin-top: 5px
}

#SystemSettingDlg .line>input, #SystemSettingDlg .line>select {
	float: right
}

#SystemSettingDlg table td {
	vertical-align: top
}

#dlgLibs-liblist span[icon_id], #list-libs span[icon_id] {
	cursor: pointer;
	position: relative
}

#editor-start-page {
	display: flex;
	min-height: 100%
}

#editor-start-page h4, #use_page_mode_page div.align-center {
	font-size: 15px
}

#editor-start-page .img {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	margin: 0 auto !important
}

#use_page_mode_page div.home_image {
	background-image: url(../images/start_page/standard.png);
	height: 292px;
	width: 380px;
	margin-top: 25px !important
}

#use_page_quick_start div.new_project {
	background-image: url(../images/start_page/new_pro.png)
}

#use_page_more_help div.show_help_faq {
	background-image: url(../images/start_page/help_doc.png)
}

#use_page_more_help div.show_help_video {
	background-image: url(../images/start_page/help_video.png)
}

#use_page_more_help div.show_help_forum {
	background-image: url(../images/start_page/help_com.png)
}

#use_page_more_help div.show_help_explore {
	background-image: url(../images/start_page/help_open.png)
}

#editor_start_example_lists div.img {
	background-image: url(../images/start_page/example_pro.png)
}

#editor_start_example_lists p.onlyen {
	padding-top: 2px
}

#editor-start-page h3 {
	font-size: 18px
}

#tab_page1 {
	overflow: auto
}

#editor_start_left_page {
	flex: 0 1 75%;
	display: flex;
	flex-direction: column
}

#editor_start_right_page {
	margin-left: 4px;
	flex: 0 1 25%
}

#editor-start-page .inline {
	vertical-align: top
}

#editor-start-page a {
	text-decoration: none
}

#editor-start-page .align-center {
	margin: 30px 0;
	text-align: center
}

#editor_start_use_page {
	overflow-x: auto;
	overflow-y: hidden;
	display: flex;
	flex: 1 0 70%
}

#editor_start_page_img {
	width: 340px
}

#editor_start_right_page li {
	list-style-type: none;
	margin-right: 10px
}

#editor_start_right_page li.active span {
	color: red
}

#editor_start_right_page li * {
	color: #504c4c
}

#editor_start_right_page a.fire::after {
	padding-bottom: 3px;
	content: url(../images/start_page/quick_enter.png)
}

#start_page_to_edu {
	color: #60a1fd
}

#start_page_message_list li {
	padding: 8px 0
}

#start_page_change_mode {
	background-color: #599dfd;
	color: #fff !important;
	border-radius: 5px;
	height: 30px;
	line-height: 31px;
	text-decoration: none;
	padding: 7px 10px;
	font-weight: 700;
	font-size: 14px
}

#use_page_mode_page {
	border-right: 1px solid #ccc;
	margin: 19px 0;
	flex: 0 1 66%;
	min-width: 190px
}

#use_page_mode_page h3 {
	margin: 0
}

#use_page_more_help, #use_page_quick_start {
	margin: 20px;
	margin-top: 25px
}

#use_page_more_help {
	border-top: solid 1px #ccc
}

#editor_start_example_page {
	flex: 0 1 30%;
	margin-top: 5px;
	overflow: auto
}

#editor_start_right_page {
	background: #f5f5f5;
	overflow: auto;
	padding-top: 5px
}

#editor_start_right_page ul {
	padding: 0
}

#start_page_message_list {
	font-size: 14px
}

#editor-start-page .box_shadow {
	border: solid 1px #d1d1d1;
	padding-left: 30px;
	box-shadow: -1px -1px 6px #d1d1d1;
	border-radius: 4px
}

#editor-start-page .weui-grids {
	position: relative;
	overflow: hidden
}

#editor-start-page .weui-grid {
	position: relative;
	float: left;
	padding: 20px 10px;
	box-sizing: border-box
}

#editor-start-page .weui-grid__icon {
	width: 35px;
	height: 35px;
	margin: 0 auto
}

#editor-start-page .weui-grid__label {
	display: block;
	text-align: center;
	color: rgba(0, 0, 0, .9);
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	min-height: 20px
}

#editor-start-page .weui-grid__icon+.weui-grid__label {
	margin-top: 4px
}

#editor-start-page .weui-grid__icon img {
	display: block;
	width: 100%;
	height: 100%
}

#editor_start_example_page .weui-grid {
	width: 150px
}

#use_page_more_help .weui-grids, #use_page_quick_start .weui-grids {
	width: 238px;
	margin-left: -20px
}

#use_page_more_help .weui-grid, #use_page_quick_start .weui-grid {
	width: 50%
}

#use_page_quick_and_hlep {
	height: 100%;
	flex: 0 1 34%
}

#float-bar {
	width: 62px;
	height: auto;
	position: fixed;
	bottom: 20%;
	right: 18px
}

#float-bar .float-ul {
	border: 1px solid #dfdfdf;
	border-bottom: 0
}

#float-bar .float-ul li {
	background: #fff;
	text-align: center;
	height: 60px;
	border-bottom: 1px solid #dfdfdf;
	margin: 0
}

#float-bar .float-ul li a {
	height: 41px
}

#float-bar .flex_center {
	display: flex;
	justify-content: center;
	align-items: center
}

#float-bar .float-ul a.flex_center {
	flex-direction: column
}

#float-bar .float-ul span.icon {
	font-size: 25px;
	padding-top: 19px
}

#float-bar .float-ul li:hover span.i18n {
	display: block
}

#float-bar .float-ul li:hover {
	background: #58f
}

#float-bar div.item {
	border-right: 0;
	background: #fff;
	position: absolute;
	right: 62px;
	width: 136px
}

#float-bar div.item>div {
	padding-left: 10px
}

#float-bar div.item .num_info {
	color: #599dfd;
	padding-left: 14px
}

#float-share {
	top: 1px;
	height: 59px
}

#float-share ul {
	font-size: 16px !important;
	height: 100%
}

#float-share li {
	margin: 0;
	padding: 0 10px
}

#float-bar .show-wrap .qq {
	height: 190px;
	top: 60px
}

#float-qq-qun, #float-wx-public {
	right: 199px !important
}

#float-tel {
	right: 62px !important;
	top: 178px !important
}

#float-bar .show-wrap .weixin {
	height: 170px;
	top: 120px
}

#float-bar div.item:not (.unafter )::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid #fff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	position: absolute;
	top: 28px;
	right: -7px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

#float-share li {
	font-size: 20px
}

#editor-start-page a:not (.start-page-ad-img-wrapper ):hover {
	border-bottom: none !important
}

.icon-add, .icon-align, .icon-align_bottom, .icon-align_dish,
	.icon-align_disv, .icon-align_grid, .icon-align_hmiddle,
	.icon-align_horizontal_center, .icon-align_horizontal_equidistant,
	.icon-align_left, .icon-align_left_side_edge_equidistant,
	.icon-align_right, .icon-align_top,
	.icon-align_top_side_edge_equidistant, .icon-align_vertical_center,
	.icon-align_vertical_equidistant, .icon-align_vmiddle, .icon-back,
	.icon-bom, .icon-bring-to-front, .icon-bug, .icon-cancel, .icon-checked,
	.icon-checked0, .icon-clone, .icon-code, .icon-config,
	.icon-config-waveform, .icon-copy, .icon-copy_dis, .icon-cut,
	.icon-database, .icon-delete, .icon-dos, .icon-down, .icon-edit,
	.icon-edit_dis, .icon-export, .icon-eye, .icon-favorite, .icon-file,
	.icon-file2, .icon-filesave, .icon-fitwindow, .icon-fliph, .icon-flipv,
	.icon-folder, .icon-folder-closed, .icon-fork, .icon-fullscreen,
	.icon-fullscreen_exit, .icon-help, .icon-help2, .icon-help3, .icon-home,
	.icon-import, .icon-import_changes, .icon-info, .icon-keyboard,
	.icon-language, .icon-measureLine, .icon-menu, .icon-netlist, .icon-new,
	.icon-new_dis, .icon-newprj, .icon-no, .icon-none, .icon-ok, .icon-open,
	.icon-open_dis, .icon-other, .icon-page, .icon-page_range, .icon-part0,
	.icon-paste, .icon-paste_dis, .icon-pcb, .icon-pcb3d, .icon-pcblib,
	.icon-pcblib3d, .icon-place, .icon-place2, .icon-place_dis,
	.icon-presentation, .icon-preview, .icon-print, .icon-print2,
	.icon-print_dis, .icon-prj, .icon-question, .icon-redo, .icon-redo2,
	.icon-redo2_dis, .icon-redo_dis, .icon-refresh, .icon-reload,
	.icon-reload_dis, .icon-remove, .icon-rotate, .icon-rotate_dis,
	.icon-rotate_left, .icon-rotate_left_dis, .icon-rotate_right,
	.icon-rotate_right.disabled, .icon-rotate_right_dis, .icon-run,
	.icon-save, .icon-save_as, .icon-save_as_dis, .icon-save_dis, .icon-sch,
	.icon-sch2, .icon-schlib, .icon-schlib2, .icon-schlib3d, .icon-schmatic,
	.icon-search, .icon-search2, .icon-selected, .icon-selection,
	.icon-send-to-back, .icon-settings, .icon-share1, .icon-share2,
	.icon-spicesymbol, .icon-subckt, .icon-tag, .icon-undo, .icon-undo2,
	.icon-undo2_dis, .icon-undo_dis, .icon-unfavorite, .icon-up,
	.icon-waveform, .icon-zback, .icon-zfront, .icon-zoom_in,
	.icon-zoom_out {
	background-image: url(../images/icons.png);
	background-repeat: no-repeat
}

.icon-selected {
	background-position: -160px -48px
}

.icon-add {
	background-position: 0 0
}

.icon-align {
	background-position: -16px 0
}

.icon-align_bottom {
	background-position: -32px 0
}

.icon-align_horizontal_center {
	background-position: -144px 0
}

.icon-align_vertical_center {
	background-position: -80px 0
}

.icon-align_horizontal_equidistant {
	background-position: -48px 0
}

.icon-align_vertical_equidistant {
	background-position: -64px 0
}

.icon-align_left_side_edge_equidistant {
	background-position: -80px -96px
}

.icon-align_top_side_edge_equidistant {
	background-position: -95px -96px
}

.icon-align_grid {
	background-position: -111px -96px
}

.icon-align_dish {
	background-position: -48px 0
}

.icon-align_disv {
	background-position: -64px 0
}

.icon-align_hmiddle {
	background-position: -80px 0
}

.icon-align_left {
	background-position: -96px 0
}

.icon-align_right {
	background-position: -112px 0
}

.icon-align_top {
	background-position: -128px 0
}

.icon-align_vmiddle {
	background-position: -144px 0
}

.icon-back {
	background-position: -160px 0
}

.icon-bring-to-front {
	background-position: -176px 0
}

.icon-cancel {
	background-position: -192px 0
}

.icon-checked {
	background-position: -208px 0
}

.icon-checked0 {
	background-position: -224px 0
}

.icon-config {
	background-position: -240px 0
}

.icon-config-waveform {
	background-position: -240px 0
}

.icon-copy {
	background-position: -256px 0
}

.icon-copy_dis {
	background-position: -272px 0
}

.icon-cut {
	background-position: -288px 0
}

.icon-database {
	background-position: -304px 0
}

.icon-delete {
	background-position: 0 -16px
}

.icon-dos {
	background-position: -16px -16px
}

.icon-edit {
	background-position: -32px -16px
}

.icon-edit.disabled, .icon-edit_dis {
	background-position: -48px -16px
}

.icon-file {
	background-position: -64px -16px
}

.icon-file2, .icon-netlist {
	background-position: -80px -16px
}

.icon-filesave {
	background-position: -96px -16px
}

.icon-folder, .icon-prj {
	background-position: -112px -16px
}

.icon-folder-closed {
	background-position: -128px -16px
}

.icon-help {
	background-position: -144px -16px
}

.icon-help2 {
	background-position: -160px -16px
}

.icon-help3 {
	background-position: -176px -16px
}

.icon-info {
	background-position: -192px -16px
}

.icon-new {
	background-position: -208px -16px
}

.icon-new_dis {
	background-position: -224px -16px
}

.icon-no {
	background-position: -240px -16px
}

.icon-ok {
	background-position: -256px -16px
}

.icon-none {
	background-position: -272px -16px
}

.icon-open {
	background-position: -288px -16px
}

.icon-open_dis {
	background-position: -304px -16px
}

.icon-other {
	background-position: 0 -32px
}

.icon-page {
	background-position: -16px -32px
}

.icon-page_range {
	background-position: -32px -32px
}

.icon-part0 {
	background-position: -48px -32px
}

.icon-paste {
	background-position: -64px -32px
}

.icon-paste_dis {
	background-position: -80px -32px
}

.icon-fullscreen_exit {
	background-position: -96px -32px
}

.icon-place {
	background-position: -112px -32px
}

.icon-place.disabled, .icon-place_dis {
	background-position: -128px -32px
}

.icon-presentation {
	background-position: -144px -32px
}

.icon-print {
	background-position: -160px -32px
}

.icon-print_dis {
	background-position: -176px -32px
}

.icon-print2 {
	background-position: -192px -32px
}

.icon-redo {
	background-position: -208px -32px
}

.icon-redo_dis {
	background-position: -224px -32px
}

.icon-redo2 {
	background-position: -240px -32px
}

.icon-redo2_dis {
	background-position: -256px -32px
}

.icon-fitwindow {
	background-position: -272px -32px
}

.icon-refresh, .icon-reload {
	background-position: -288px -32px
}

.icon-reload.disabled, .icon-reload_dis {
	background-position: -304px -32px
}

.icon-remove {
	background-position: 0 -48px
}

.icon-rotate, .icon-rotate_left {
	background-position: -16px -48px
}

.icon-rotate.disabled, .icon-rotate_dis, .icon-rotate_left.disabled,
	.icon-rotate_left_dis {
	background-position: -32px -48px
}

.icon-save {
	background-position: -48px -48px
}

.icon-save_as {
	background-position: -64px -48px
}

.icon-save_as_dis {
	background-position: -80px -48px
}

.icon-save_dis {
	background-position: -96px -48px
}

.icon-fullscreen {
	background-position: -112px -48px
}

.icon-search {
	background-position: -128px -48px
}

.icon-search2 {
	background-position: -144px -48px
}

.icon-selection {
	background-position: -176px -48px
}

.icon-send-to-back {
	background-position: -192px -48px
}

.icon-settings {
	background-position: -208px -48px
}

.icon-share1 {
	background-position: -224px -48px
}

.icon-undo {
	background-position: -240px -48px
}

.icon-undo_dis {
	background-position: -256px -48px
}

.icon-undo2 {
	background-position: -272px -48px
}

.icon-undo2_dis {
	background-position: -288px -48px
}

.icon-preview {
	background-position: -304px -48px
}

.icon-question {
	background-position: 0 -64px
}

.icon-zoom_in {
	background-position: -16px -64px
}

.icon-zoom_out {
	background-position: -32px -64px
}

.icon-fliph {
	background-position: -48px -64px
}

.icon-flipv {
	background-position: -64px -64px
}

.icon-sch, .icon-schmatic {
	background-position: -80px -64px
}

.icon-spicesymbol {
	background-position: -96px -64px
}

.icon-3d {
	background: url(../images/icons/3Dicon.png);
	background-size: cover
}

.icon-subckt {
	background-position: -112px -64px
}

.icon-pcb {
	background-position: -128px -64px
}

.icon-pcblib {
	background-position: -144px -64px
}

.icon-schlib {
	background-position: -160px -64px
}

.icon-rotate_right {
	background-position: -176px -64px
}

.icon-rotate_right.disabled, .icon-rotate_right_dis {
	background-position: -192px -64px
}

.icon-home {
	background-position: -208px -64px
}

.icon-bom {
	background-position: -224px -64px
}

.icon-clone {
	background-position: -240px -64px
}

.icon-up {
	background-position: -256px -64px
}

.icon-down {
	background-position: -272px -64px
}

.icon-waveform {
	background-position: -288px -64px
}

.icon-code {
	background-position: -304px -64px
}

.icon-import {
	background-position: 0 -80px
}

.icon-export {
	background-position: -16px -80px
}

.icon-share2 {
	background-position: -32px -80px
}

.icon-pcb3d {
	background-position: -48px -80px
}

.icon-pcblib3d {
	background-position: -64px -80px
}

.icon-schlib3d {
	background-position: -80px -80px
}

.icon-sch2 {
	background-position: -96px -80px
}

.icon-schlib2 {
	background-position: -112px -80px
}

.icon-presentation {
	background-position: -128px -80px
}

.icon-run {
	background-position: -144px -80px
}

.icon-measureLine {
	background-position: -160px -80px
}

.icon-fork {
	background-position: -176px -80px
}

.icon-zfront {
	background-position: -192px -80px
}

.icon-zback {
	background-position: -208px -80px
}

.icon-menu {
	background-position: -224px -80px
}

.icon-eye {
	background-position: -240px -80px
}

.icon-newprj {
	background-position: -256px -80px
}

.icon-bug {
	background-position: -272px -80px
}

.icon-keyboard {
	background-position: -288px -80px
}

.icon-import_changes {
	background-position: -304px -80px
}

.icon-language {
	background-position: 0 -96px
}

.icon-place2 {
	background-position: -16px -96px
}

.icon-tag {
	background-position: -32px -96px
}

.icon-favorite {
	background-position: -48px -96px
}

.icon-unfavorite {
	background-position: -64px -96px
}

.icon-arc, .icon-bezier, .icon-bus, .icon-busentry, .icon-drawing,
	.icon-ellipse, .icon-image, .icon-junction, .icon-part, .icon-pie,
	.icon-pin, .icon-polygon, .icon-polyline, .icon-power, .icon-rect,
	.icon-roundrect, .icon-text, .icon-wire {
	background-image: url(../images/place-icons.png);
	background-repeat: no-repeat
}

.icon-pin {
	background-position: -16px 0
}

.icon-text {
	background-position: -32px 0
}

.icon-arc {
	background-position: -48px 0
}

.icon-ellipse {
	background-position: -64px 0
}

.icon-pie {
	background-position: -80px 0
}

.icon-polyline {
	background-position: -96px 0
}

.icon-rect {
	background-position: -112px 0
}

.icon-roundrect {
	background-position: -128px 0
}

.icon-polygon {
	background-position: -144px 0
}

.icon-bezier {
	background-position: -160px 0
}

.icon-image {
	background-position: -176px 0
}

.icon-drawing {
	background-position: -192px 0
}

.icon-bus {
	background-position: -208px 0
}

.icon-busentry {
	background-position: -224px 0
}

.icon-part {
	background-position: -240px 0
}

.icon-junction {
	background-position: -256px 0
}

.icon-power {
	background-position: -272px 0
}

.icon-wire {
	background-position: -288px 0
}

.ic32 {
	background-repeat: no-repeat;
	display: inline-block;
	width: 32px;
	height: 32px
}

.ic32.icon-save {
	background-position: -100px 0
}

.ic32.icon-undo {
	background-position: -200px 0
}

.ic32.icon-redo {
	background-position: -300px 0
}

.ic32.icon-delete {
	background-position: -400px 0
}

.ic32.icon-cut {
	background-position: -500px 0
}

.ic32.icon-copy {
	background-position: -600px 0
}

.ic32.icon-paste {
	background-position: -700px 0
}

.ic32.icon-rotate, .ic32.icon-rotate-left {
	background-position: -800px 0
}

.ic32.icon-rotate-right {
	background-position: -900px 0
}

.ic32.icon-fliph {
	background-position: 0 -100px
}

.ic32.icon-flipv {
	background-position: -100px -100px
}

.ic32.icon-align, .ic32.icon-align-left {
	background-position: -200px -100px
}

.ic32.icon-align-right {
	background-position: -300px -100px
}

.ic32.icon-align-center {
	background-position: -400px -100px
}

.ic32.icon-align-top {
	background-position: -500px -100px
}

.ic32.icon-align-bottom {
	background-position: -600px -100px
}

.ic32.icon-zoom_in {
	background-position: -700px -100px
}

.ic32.icon-zoom_out {
	background-position: -800px -100px
}

.ic32.icon-share2 {
	background-position: -900px -100px
}

.ic32.icon-config {
	background-position: 0 -200px
}

.ic32.icon-config-waveform {
	background-position: 0 -200px
}

.ic32.icon-fork {
	background-position: -100px -200px
}

.ic32.icon-import {
	background-position: -200px -200px
}

.ic32.icon-export {
	background-position: -300px -200px
}

.ic32.icon-source {
	background-position: -400px -200px
}

.ic32.icon-simulate {
	background-position: -500px -200px
}

.ic32.icon-findlibs {
	background-position: -600px -200px
}

.ic32.icon-plugin {
	background-position: -700px -200px
}

.ic32.icon-info {
	background-position: -800px -200px
}

.ic32.icon-chip {
	background-position: -900px -200px
}

.ic32.icon-wizard {
	background-position: 0 -300px
}

.ic32.icon-run {
	background-position: -100px -300px
}

.ic32.icon-file {
	background-position: -200px -300px
}

.ic32.icon-order {
	background-position: -300px -300px
}

.ic32.icon-pin {
	background-position: -400px -300px
}

.ic32.icon-gerber {
	background-position: -500px -300px
}

.ic32.icon-pcb {
	background-position: -600px -300px
}

.ic32.icon-export-CSV {
	background-position: -700px -300px
}

.ic32.icon-import-changes {
	background-position: -900px -300px
}

.ic32.icon-camera {
	background-position: 0 -400px
}

.ic32.icon-restore {
	background-position: -100px -400px
}

.ic32.icon-auto-router {
	background-position: -200px -400px
}

.menu-icon.icon-selected {
	background-color: #9cf;
	outline: solid 1px #09f;
	outline-offset: 1px
}

.icon-loading {
	background-position: 0 0;
	background-image:
		url()
}

.icon-lcsc {
	background-image:
		url()
}

.left-icon {
	display: inline-block;
	width: 30px;
	height: 25px;
	margin-bottom: 5px;
	vertical-align: middle;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 30px
}

@font-face {
	font-family: icomoon;
	src: url(fonts/icomoon.eot?fjtofv);
	src: url(fonts/icomoon.eot?fjtofv#iefix) format('embedded-opentype'),
		url(fonts/icomoon.ttf?fjtofv) format('truetype'),
		url(fonts/icomoon.woff?fjtofv) format('woff'),
		url(fonts/icomoon.svg?fjtofv#icomoon) format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: block
}

[class*=" icon-"], [class^=icon-] {
	font-family: icomoon !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-eda-wx2:before {
	content: "\e99f";
	color: #858585
}

.icon-eda-weibo:before {
	content: "\e9a0";
	color: #858585
}

.icon-eda-kongjian:before {
	content: "\e9a1";
	color: #858585
}

.icon-eda-qq2:before {
	content: "\e9a2";
	color: #858585
}

.icon-float-share:before {
	content: "\e998";
	color: #666
}

.icon-eda-qq:before {
	content: "\e99a";
	color: #666
}

.icon-eda-tel:before {
	content: "\e99b";
	color: #666
}

.icon-eda-wx:before {
	content: "\e99c";
	color: #858585
}

.icon-eda-qqqun:before {
	content: "\e99d";
	color: #666
}

.icon-eda-wxpublic:before {
	content: "\e99e";
	color: #666
}

.icon-eda-point:before {
	content: "\e996"
}

.icon-eda-message:before {
	content: "\e997"
}

.icon-eda-crash:before {
	content: "\e915"
}

.icon-eda-bom:before {
	content: "\e93e"
}

.icon-eda-smt:before {
	content: "\e98b"
}

.icon-eda-up:before {
	content: "\e988"
}

.icon-eda-down:before {
	content: "\e989"
}

.icon-eda-undo:before {
	content: "\e983"
}

.icon-eda-redo:before {
	content: "\e984"
}

.icon-eda-csv:before {
	content: "\e921"
}

.icon-eda-pdf:before {
	content: "\e985"
}

.icon-eda-plus:before {
	content: "\e986"
}

.icon-eda-minus:before {
	content: "\e987"
}

.icon-eda-convert:before {
	content: "\e922"
}

.icon-eda-solid:before {
	content: "\e902"
}

.icon-eda-origin:before {
	content: "\e904"
}

.icon-eda-dimension:before {
	content: "\e906"
}

.icon-eda-conect:before {
	content: "\e90f"
}

.icon-eda-pad:before {
	content: "\e910"
}

.icon-eda-pin:before {
	content: "\e918"
}

.icon-arc_center:before {
	content: "\e91a"
}

.icon-eda-probe:before {
	content: "\e91b"
}

.icon-eda-copper:before {
	content: "\e925"
}

.icon-eda-hole:before {
	content: "\e930"
}

.icon-eda-drag:before {
	content: "\e933"
}

.icon-eda-image:before {
	content: "\e93c"
}

.icon-eda-via:before {
	content: "\e945"
}

.icon-eda-ellipse:before {
	content: "\e946"
}

.icon-eda-sheet:before {
	content: "\e947"
}

.icon-eda-rect:before {
	content: "\e948"
}

.icon-eda-draw:before {
	content: "\e949"
}

.icon-eda-pie:before {
	content: "\e94a"
}

.icon-eda-arrow:before {
	content: "\e94b"
}

.icon-eda-polygon:before {
	content: "\e94c"
}

.icon-eda-bezier:before {
	content: "\e94d"
}

.icon-eda-noflag:before {
	content: "\e94e"
}

.icon-eda-text:before {
	content: "\e94f"
}

.icon-eda-lock2:before {
	content: "\e950"
}

.icon-eda-arc:before {
	content: "\e952"
}

.icon-eda-netflag5v:before {
	content: "\e953"
}

.icon-eda-netflagvcc:before {
	content: "\e954"
}

.icon-eda-group:before {
	content: "\e955"
}

.icon-eda-netflaggnd2:before {
	content: "\e956"
}

.icon-eda-netflaggnd1:before {
	content: "\e957"
}

.icon-eda-netlabel:before {
	content: "\e958"
}

.icon-eda-busentry:before {
	content: "\e959"
}

.icon-eda-netport:before {
	content: "\e95a"
}

.icon-eda-wire:before {
	content: "\e95b"
}

.icon-eda-protractor:before {
	content: "\e960"
}

.icon-eda-bus:before {
	content: "\e961"
}

.icon-eda-any_angle:before {
	content: "\e962"
}

.icon-eda-undo2:before {
	content: "\e963"
}

.icon-eda-redo2:before {
	content: "\e964"
}

.icon-eda-jlc:before {
	content: "\e965"
}

.icon-eda-pcb:before {
	content: "\e966"
}

.icon-eda-help2:before {
	content: "\e967"
}

.icon-eda-scale:before {
	content: "\e972"
}

.icon-eda-narrow:before {
	content: "\e97b"
}

.icon-eda-searchright:before {
	content: "\e97d"
}

.icon-eda-arrowup:before {
	content: "\e97e"
}

.icon-eda-arrowdown:before {
	content: "\e980"
}

.icon-eda-data:before {
	content: "\e981"
}

.icon-eda-route:before {
	content: "\e982"
}

.icon-eda-check:before {
	content: "\e900"
}

.icon-eda-save:before {
	content: "\e901"
}

.icon-eda-delete:before {
	content: "\e905"
}

.icon-eda-cut:before {
	content: "\e907"
}

.icon-eda-rotate:before {
	content: "\e908"
}

.icon-eda-symbol:before {
	content: "\e909"
}

.icon-eda-new:before {
	content: "\e90a"
}

.icon-eda-import:before {
	content: "\e90b"
}

.icon-eda-export:before {
	content: "\e90c"
}

.icon-eda-theme:before {
	content: "\e90d"
}

.icon-eda-person:before {
	content: "\e90e"
}

.icon-eda-tool:before {
	content: "\e911"
}

.icon-eda-sch:before {
	content: "\e912"
}

.icon-eda-fullscreen:before {
	content: "\e913"
}

.icon-eda-fitinscreen:before {
	content: "\e914"
}

.icon-eda-open:before {
	content: "\e916"
}

.icon-eda-copy:before {
	content: "\e917"
}

.icon-eda-paste:before {
	content: "\e919"
}

.icon-eda-add:before {
	content: "\e91c"
}

.icon-eda-an:before {
	content: "\e91d"
}

.icon-eda-cancel:before {
	content: "\e91f"
}

.icon-eda-cart:before {
	content: "\e920"
}

.icon-eda-document:before {
	content: "\e923"
}

.icon-eda-edit:before {
	content: "\e924"
}

.icon-eda-eelib:before {
	content: "\e926"
}

.icon-eda-download:before {
	content: "\e927"
}

.icon-eda-fold:before {
	content: "\e928"
}

.icon-eda-gerber:before {
	content: "\e929"
}

.icon-eda-help:before {
	content: "\e92a"
}

.icon-eda-info1:before {
	content: "\e92b"
}

.icon-eda-lcsc:before {
	content: "\e92c"
}

.icon-eda-line:before {
	content: "\e92d"
}

.icon-eda-list:before {
	content: "\e92e"
}

.icon-eda-menu:before {
	content: "\e92f"
}

.icon-eda-part:before {
	content: "\e931"
}

.icon-eda-photo:before {
	content: "\e932"
}

.icon-eda-place:before {
	content: "\e934"
}

.icon-eda-remove:before {
	content: "\e935"
}

.icon-eda-searchleft:before {
	content: "\e936"
}

.icon-eda-route2:before {
	content: "\e937"
}

.icon-eda-share:before {
	content: "\e938"
}

.icon-eda-tag:before {
	content: "\e939"
}

.icon-eda-fork:before {
	content: "\e93a"
}

.icon-eda-team:before {
	content: "\e93b"
}

.icon-eda-create:before {
	content: "\e93d"
}

.icon-eda-alignleft:before {
	content: "\e93f"
}

.icon-eda-security:before {
	content: "\e940"
}

.icon-eda-setting:before {
	content: "\e941"
}

.icon-eda-refresh:before {
	content: "\e942"
}

.icon-eda-follow:before {
	content: "\e943"
}

.icon-eda-addperson:before {
	content: "\e944"
}

.icon-eda-unlock:before {
	content: "\e951"
}

.icon-eda-stock:before {
	content: "\e95c"
}

.icon-eda-eye:before {
	content: "\e95d"
}

.icon-eda-module:before {
	content: "\e95e"
}

.icon-eda-comment:before {
	content: "\e95f"
}

.icon-eda-menu2:before {
	content: "\e968"
}

.icon-eda-lock:before {
	content: "\e969"
}

.icon-eda-config:before {
	content: "\e96a"
}

.icon-eda-unstar:before {
	content: "\e96b"
}

.icon-eda-star:before {
	content: "\e96c"
}

.icon-eda-mobile:before {
	content: "\e96d"
}

.icon-eda-book:before {
	content: "\e96e"
}

.icon-eda-e:before {
	content: "\e96f"
}

.icon-eda-sound:before {
	content: "\e970"
}

.icon-eda-bell:before {
	content: "\e971"
}

.icon-eda-project:before {
	content: "\e973"
}

.icon-eda-platform:before {
	content: "\e974"
}

.icon-eda-like:before {
	content: "\e975"
}

.icon-eda-email:before {
	content: "\e976"
}

.icon-eda-account:before {
	content: "\e978"
}

.icon-eda-logout:before {
	content: "\e979"
}

.icon-eda-notice:before {
	content: "\e97a"
}

.icon-eda-share2:before {
	content: "\e903"
}

.icon-eda-info2:before {
	content: "\e977"
}

.icon-eda-load1:before {
	content: "\e97c"
}

.icon-eda-load2:before {
	content: "\e97f"
}

.icon-eda-wave:before {
	content: "\e995"
}

.icon-eda-circleminus:before {
	content: "\e98d"
}

.icon-eda-circleplus:before {
	content: "\e98e"
}

.icon-eda-location:before {
	content: "\e98f"
}

.icon-heart:before {
	content: "\e999"
}

.icon-heart-broken:before {
	content: "\e994"
}

.icon-eda-pinlocation:before {
	content: "\e98c"
}

.icon-eda-help3:before {
	content: "\e98a"
}

.icon-eda-verified:before {
	content: "\e91e"
}

.icon-triangle-warn:before {
	content: "\e992"
}

.icon-warning:before {
	content: "\e993"
}

.icon-eda-play:before {
	content: "\e990"
}

.icon-eda-file:before {
	content: "\e991"
}

.introjs-overlay {
	position: absolute;
	z-index: 999999;
	background-color: #000;
	opacity: 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.introjs-fixParent {
	z-index: auto !important
}

.introjs-showElement {
	z-index: 9999999 !important
}

.introjs-relativePosition {
	position: relative
}

.introjs-helperLayer {
	position: absolute;
	z-index: 9999998;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	border: 1px solid #777;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 4px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .4);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.introjs-helperNumberLayer {
	position: absolute;
	top: -16px;
	left: -16px;
	z-index: 9999999999 !important;
	padding: 2px;
	font-family: Arial, verdana, tahoma;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	background: #ff3019;
	background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff3019),
		color-stop(100%, #cf0404));
	background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 3px solid #fff;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .4)
}

.introjs-arrow {
	border: 5px solid #fff;
	content: '';
	position: absolute
}

.introjs-arrow.top {
	top: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #fff;
	border-left-color: transparent
}

.introjs-arrow.right {
	right: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #fff
}

.introjs-arrow.bottom {
	bottom: -10px;
	border-top-color: #fff;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-arrow.left {
	left: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: #fff;
	border-bottom-color: transparent;
	border-left-color: transparent
}

.introjs-tooltip {
	position: absolute;
	padding: 10px;
	background-color: #fff;
	min-width: 200px;
	max-width: 300px;
	border-radius: 3px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
	-webkit-transition: opacity .1s ease-out;
	-moz-transition: opacity .1s ease-out;
	-ms-transition: opacity .1s ease-out;
	-o-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out
}

.introjs-tooltipbuttons {
	text-align: right
}

.introjs-button {
	position: relative;
	overflow: visible;
	display: inline-block;
	padding: .3em .8em;
	border: 1px solid #d4d4d4;
	margin: 0;
	text-decoration: none;
	text-shadow: 1px 1px 0 #fff;
	font: 12px/normal sans-serif;
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	outline: 0;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4),
		to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	zoom: 1;
	margin-top: 10px
}

.introjs-button:hover {
	border-color: #bcbcbc;
	text-decoration: none;
	box-shadow: 0 1px 1px #e3e3e3
}

.introjs-button:active, .introjs-button:focus {
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec),
		to(#f4f4f4));
	background-image: -moz-linear-gradient(#ececec, #f4f4f4);
	background-image: -o-linear-gradient(#ececec, #f4f4f4);
	background-image: linear-gradient(#ececec, #f4f4f4)
}

.introjs-button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.introjs-skipbutton {
	margin-right: 5px
}

.introjs-prevbutton {
	-webkit-border-radius: .2em 0 0 .2em;
	-moz-border-radius: .2em 0 0 .2em;
	border-radius: .2em 0 0 .2em;
	border-right: none
}

.introjs-nextbutton {
	-webkit-border-radius: 0 .2em .2em 0;
	-moz-border-radius: 0 .2em .2em 0;
	border-radius: 0 .2em .2em 0
}

.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
	color: #9a9a9a;
	border-color: #d4d4d4;
	box-shadow: none;
	cursor: default;
	background-color: #f4f4f4;
	background-image: none;
	text-decoration: none
}